試圖隱藏選擇標簽上的箭頭

Question

我在嘗試隱藏選擇標簽上的默認箭頭圖標時遇到問題

CSS -

.toolbar .sort-by select {
background:url('/skin/frontend/baby/default/images/select_icon.jpg');
background-repeat:no-repeat;
background-position:center right;
border-radius:5px;
border:1px solid #9edef1;
font-family:'montserratregular', sans-serif; 
margin-left: 10px;

}   

關於我附上的圖像，如果您仔細觀察，默認箭頭圖標后面有一個小背景圖標。 不知道為什么它沒有將背景圖像放在默認圖標的頂部

Answer 1

您可以使用一些javascript制作一個“選擇”div和另一個“下拉”div。

據我所知，它在 css 中不起作用。

Answer 2

在 select 標簽的 css 樣式中包含-webkit-appearance: none 。

Answer 3

沒有 css 選項可以隱藏下拉菜單上的箭頭。