选择选项的IE样式问题同时具有选中和禁用属性

Question

我只有问题选择框。如果同时选中和禁用属性，则会中断默认样式。它有解决这个问题的方法吗？

_{点击图片查看大图的图片。}

示例代码随附此说明。

<select>
    <option value="volvo" selected disabled>Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>

Answer 1

他们唯一可以解决的办法就是将background-color选项的disabled更改为已禁用按钮的默认background-color，即#f4f4f4

您还应该添加条件，以便代码仅适用于IE。点击此处了解更多信息＆gt; How to target only IE (any version) within a stylesheet?

option:disabled {
  background-color:#f4f4f4;
}

 <select>
  <option value="volvo" selected disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>