删除IE上的选择箭头

Question

我有select元素，我想删除箭头，然后我可以添加其他图标。我可以为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; }SEE 小提琴上的IE9。我所需要的就是删除ie9中的箭头，请JSFIDDLE回答。

Answer 1

在IE9中，有可能与纯粹的黑客攻击作为建议由@Spudley。由于您已自定义div的高度和宽度并进行选择，因此需要更改div:beforecss以使其与您的css相匹配。

如果是IE10，则可以在css3以下使用

select::-ms-expand {

    display: none;

}

但是，如果您对jQuery插件感兴趣，请尝试Chosen.js或您可以在js中创建自己的插件。