-Webkit-外观：菜单列表，颜色变化答案

【问题标题】：-Webkit-appearance: menulist, color change-Webkit-外观：菜单列表，颜色变化
【发布时间】：2015-12-04 18:44:08
【问题描述】：

你能改变箭头的颜色吗（菜单列表）。我无法更改它的颜色，谁能帮我解决这个问题？

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;
}

【问题讨论】：

我们需要查看您现有的 HTML 和 CSS。
现在完成了@Paulie_D
如果您想更改下拉箭头，您需要将其隐藏并替换为您自己的，例如一个图像。 stackoverflow.com/questions/611482/…

标签： html css webkit-appearance

【解决方案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 变得 hacky，只需在 select 周围创建一个包装器，然后使用

设置 select

width:120%;

【讨论】：