删除IE上的选择箭头

Question

我有选择的元素，我想删除的箭头，然后我可以添加其他图标..我能做到这一点的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中，由于您已自定义div的高度和宽度并进行选择，因此需要更改div:beforecss使其与您的css相匹配。

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

select::-ms-expand {
    display: none;
}

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