html - 如何更改选择下拉箭头部分的颜色？

Question

这里我想改变选择下拉框箭头部分的颜色。而且这在IE9、Firefox等浏览器中应该也能正常工作。现在我有一个这样的下拉框

我希望箭头部分看起来像这样

我认为只用浅灰色而不是深灰色就可以实现。我该怎么做？

或者使用所谓的 hack 将此图标放在下拉菜单上？它适用于所有浏览器(IE9、Firefox 等)吗？

我尝试浏览网上的所有解决方案，但无法在 IE9 上运行。那么有人可以帮助我吗？

Answer 1

你可以这样做:

http://bavotasan.com/2011/style-select-box-using-only-css/

.styled-select select {
 background: transparent;
 width: 268px;
 padding: 5px;
 font-size: 16px;
 line-height: 1;
 border: 0;
 border-radius: 0;
 height: 34px;
 -webkit-appearance: none;
}
.styled-select {
 width: 240px;
 height: 34px;
 overflow: hidden;
 background: url(new_arrow.png) no-repeat right #ddd;
 border: 1px solid #ccc;
}