删除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中创建自己的插件。