-Webkit-appearance：menulist，颜色变化

Question

你可以改变箭头的颜色（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;
}

Answer 1

是的，你可以用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搞定只是在select周围创建一个包装器，然后用

设置select

width:120%;