一尘不染

删除IE上的选择箭头

html

我有选择的元素,我想删除的箭头,然后我可以添加其他图标..我能做到这一点的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回答。


阅读 275

收藏
2020-05-10

共1个答案

一尘不染

在IE9中,由于您已自定义div的高度和宽度并进行选择,因此需要更改div:beforecss使其与您的css相匹配。

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

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

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

2020-05-10