我有选择元素,我想删除箭头,然后我可以添加其他图标..我可以为 Firefox Safari 和 Chrome 做到这一点,但这在 IE9 上不起作用。
.styled-select select
{
border: 0 !important; /*Removes border*/
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /*Removes default style Firefox*/
background: url('select_icon.png') no-repeat;
background-position: 179px 7px;
text-indent: 0.01px;
text-overflow: "";
color: #FCAF17;
width:200px;
}
在 IE9 上查看 小提琴。我所需要的只是删除 ie9 中的箭头 请 JSFIDDLE 回答。
原文由 Muath 发布,翻译遵循 CC BY-SA 4.0 许可协议
在 IE9 中,可以按照@Spudley 的建议进行 纯黑客攻击。由于您自定义了 div 和选择的高度和宽度,因此您需要更改
div:before
css 以匹配您的。如果它是 IE10 那么使用下面的 css3 是可能的
但是,如果您对 jQuery 插件感兴趣,请尝试
Chosen.js
或者您可以在 js 中创建自己的插件。