la :checked
pseudo-classe inizialmente si applica a tali elementi che hanno HTML4 selected
e checked
attributi
Fonte: w3.org
Quindi, questo CSS funziona, anche se lo stile di color
non è possibile in tutti i browser:
option:checked { color: red; }
Un esempio di ciò in azione, nascondendo l'elemento attualmente selezionato dall'elenco a discesa.
option:checked { display:none; }
<select>
<option>A</option>
<option>B</option>
<option>C</option>
</select>
Per modellare anche l'opzione attualmente selezionata nel menu a discesa chiuso , potresti provare a invertire la logica:
select { color: red; }
option:not(:checked) { color: black; }