样式select::-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>