html - 禁用时样式选择::-ms-expand

Question

当 select::-ms-expand 禁用时，如何更改它的背景颜色？

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

Answer 1

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

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

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