Kongfupanda Kongfupanda - 3 months ago 21
CSS Question

Change html select option:disable text color on Mac Chrome and Safari

I am trying to change select option:disable text color, it on Windows Chrome but nothing happen for Mac Chrome and Safari.

so the question is, how can I change select option:disable text color on Mac Chrome and Safari?

# html
<select id="product-size">
<option value="">Choose</option>
<option value="">S</option>
<option value="" disabled="">M</option>
<option value="">L</option>
<option value="">XL</option>
</select>

# CSS
select option:disabled{
color: red;
}


many thanks

Answer

It's a bug in chrome.

No style is applied in the option of select in Mac

Comments