2015-01-08 40 views
0

想知道是否有人知道是否可以改變一個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

但是我似乎無法找到一種方法來改變只是箭頭後面的背景顏色?任何人有任何建議,這將是偉大的!謝謝

+0

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

+0

可能的重複http://stackoverflow.com/questions/1072239/is-it-possible-to-style-一個選擇框 – Mouser

+0

可能的重複[如何在沒有JavaSc的情況下使用CSS設計