自定义SELECT下拉图标未在IE中显示

时间:2018-10-19 11:01:29

标签: html css

我正在使用SELECT标记的自定义下拉箭头,它在其他浏览器中工作正常,但在IE中不支持。 这是代码

HTML

<select class="form-control" id="questionType">
  <option>Select</option>
  <option>General Question</option>
  <option>Technical Question</option>
</select>

CSS

select::-ms-expand {
    display: none;
}
select.form-control {
  background: #f0f0f0 url('https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-down-b-128.png') no-repeat right center;
  background-size: 16px;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
}

DEMO

0 个答案:

没有答案