試圖隱藏在選擇標籤上的箭頭

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; 

}

關於圖像I如果仔細觀察，默認箭頭圖標背後有一個小背景圖標。不知道爲什麼它沒有把背景圖像放在默認圖標上

來源

2013-08-23 clestcruz

沒有css選項來隱藏下拉箭頭。

來源

2013-08-23 03:01:15

你可以製作一個「選擇」div和另一個「下拉」div，使用一些javascript。

就我所知它不會在CSS中工作。

來源

2013-08-23 03:03:42

奇怪有一個教程，我試圖遵循使用唯一的CSS http://bavotasan.com/2011/style-select-box-using-only-css/ – clestcruz

@clestcruz哇這就是從來沒有想到的那，這就是創新事物的有趣用途的許多例子之一。現在我要去試圖幫助你理解它：通過將它放在div邊緣，使其「隱藏」（這樣就不會出現在div中，這就是爲什麼你寫的「overflow：hidden」），即它溢出div的邊緣和箭頭被包含在「隱藏」），然後將img INSIDE放在div中以便看到它。即時通訊不知道它是否會像下拉菜單一樣工作。 –

試圖隱藏在選擇標籤上的箭頭

回答

相關問題