想知道是否有人知道是否可以改變一個HTML選擇框的箭頭的背景顏色只使用CSS?是否有可能樣式下拉選擇箭頭不同使用CSS整個框?
我想要實現:
http://i.stack.imgur.com/VBjpp.png
到目前爲止我有:
CSS:
.sort-by select {
width:100px;
border:0px;
background-color:#f4f4f4;
color:#303030;
padding:5px;
}
HTML:
<select title="Sort By">
<option value="" selected="selected">Value 1</option>
<option value="">Value 2</option>
<option value="">Value 3</option>
</select>
這給了我:
http://i.stack.imgur.com/Xj8yF.png
但是我似乎無法找到一種方法來改變只是箭頭後面的背景顏色?任何人有任何建議,這將是偉大的!謝謝
http://stackoverflow.com/questions/4142619/how-to-make-select-element-be-transparent-in-chrome/ ,http://stackoverflow.com/questions/14218307/select-arrow-style-change/14218448#14218448 – Morpheus
可能的重複http://stackoverflow.com/questions/1072239/is-it-possible-to-style-一個選擇框 – Mouser
可能的重複[如何在沒有JavaSc的情況下使用CSS設計