禁用时样式选择::-ms-expand答案

【问题标题】：Style select::-ms-expand when disabled禁用时样式选择::-ms-expand
【发布时间】：2015-08-09 13:19:21
【问题描述】：

select::-ms-expand 禁用时如何更改其背景颜色？

select::-ms-expand{
    background: #f60;
}

【问题讨论】：

【解决方案1】：

只需在::-ms-expand 之前添加:disabled，如下所示：

select:disabled::-ms-expand {
    background: #f60;
}

<select>
  <option>Enabled</option>
</select>
<select disabled>
  <option>Disabled</option>
</select>

【讨论】：

看起来不错。为什么更改只显示在 IE 中？我怎样才能让它在所有浏览器中都能正常工作？
@Becky：正如-ms- 前缀所暗示的，::-ms-expand 仅适用于 IE。不幸的是，在其他浏览器中没有等价物。如果您想完全控制如何设置这些元素的样式，您可能必须使用自定义下拉控件。
@user4749485：选择器目前不允许伪元素具有动态伪类。这是奇怪，这就是为什么the upcoming standard will relax this restriction。