我有选择的元素,我想删除的箭头,然后我可以添加其他图标..我能做到这一点的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回答。
在IE9中,由于您已自定义div的高度和宽度并进行选择,因此需要更改div:beforecss使其与您的css相匹配。
div:before
如果是IE10,则可以在css3以下使用
select::-ms-expand { display: none; }
但是,如果您对jQuery插件感兴趣,请尝试 Chosen.js 或您可以在js中创建自己的插件。
Chosen.js