html - 选择选项的 IE 样式问题同时具有 selected 和 disabled 属性

Question

我只有在 ie 上有一个问题选择框。如果它同时选择和禁用了属性，则会破坏默认样式。这个问题有解决办法吗？

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

此说明附有示例代码。

<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

他们唯一能想到的解决方法是将 disabled 选项的 background-color 更改为默认的 background-color a disabled按钮有，也就是#f4f4f4

您还应该添加条件，以便代码仅适用于 IE。有关更多信息，请参见此处 > 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>