Style select::-ms-expand when disabled

问题:

How do I change the background colour of select::-ms-expand when it's disabled?

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

回答1:

Simply add :disabled before ::-ms-expand, like so:

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

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