2014-11-03 52 views
1

你可以改變箭頭的顏色(menulist)。 我無法改變它的顏色,任何人都可以幫助我嗎?-Webkit外觀:menulist,顏色變化

HTML

<select class="drop_down_menu"> 
<option>Yolanda van der Kamp</option> 
<option>Bernard Vogels</option> 
<option>Stefan Janssen</option> 
<option>Maik de Boer</option> 
</select> 

CSS

.drop_down_menu{ 
background-color:#eaeaea; 
border: 1px solid #dbdbdb; 
color:#104c64; 
-webkit-appearance:menulist; 
} 
+0

我們需要看到您現有的HTML和CSS選擇。 – 2014-11-03 13:26:02

+0

現在完成了@Paulie_D – pieterbesje 2014-11-03 13:35:56

+1

如果你想改變下拉箭頭,你需要隱藏和替換你自己的例如。一個圖像。 http://stackoverflow.com/questions/611482/change-color-and-appearance-of-drop-down-arrow – 2014-11-03 13:43:16

回答

0

當然可以,用CSS的外觀。請注意,IE不支持外觀,在這種情況下,您將需要獲得hacky。

.drop_down_menu{ 
appearance:listbox; //mind browser-specific properties; 
} 
.drow_down_menu:before{ 
content : "\someglyph"; //add glyph or image as background; 
position:absolute; //and wherever you want to place it. 
} 

現在得到哈克的IE瀏覽器剛剛創建圍繞選擇的包裝,然後設定

width:120%;