Background dell'option di una select

[djjunior]

Salve
volevo "colorare" lo sfondo di una determinata option di una select pertanto ho fatto così:

.red{ background-color:red; }

....
<option class="red" value="0" >ZERO</option>
<option value="1" >UNO</option>
...

Ma purtroppo non mi funziona.... potrebbe essere qualche incompatibilità coi browser?
Potete consigliarmi un alternativa che sia compatibili con tutti i browser?
Grazie

[carlomarangoni]

.red{ color:red; }

[djjunior]

ciao purtroppo non funge.... già provato, e poi intendo il colore di background quando selezionato, grazie

[carlomarangoni]

Per funzionare funziona provato io, poi se tu hai del codice che interferisce questo non posso saperlo considerato che hai postato solo quel pezzo

[djjunior]

allora se apro la select vedo il colore rosso all'option selezionata mentre io vorrei non aprire la select e vedere il valore visualizzato con sfondo rosso....

[carlomarangoni]

<select style="background:#FF0004;">
<option class="red" value="0" >ZERO</option>
<option value="1" >UNO</option>
</select>

[djjunior]

grazie ma così tutta la select risulta colorata invece volevo che fosse colorata l'option visualizzata cioè selected.
grazie

[VinzClortho]

grazie ma così tutta la select risulta colorata invece volevo che fosse colorata l'option visualizzata cioè selected.
grazie

se intendi cambiare il colore dell'option su cui punti il cursore del mouse (hover), non esista un sistema pulito per farlo tramite css. A beneficio di inventario di riporto questo hack che funziona solo su FF:

filter: hue-rotate(180deg) saturate(8);

La priprietà filter è scarsamente retro e crosscompatibile, inoltre è pensata per le immagini con per i form.

Per avere una soluzione performante, dovresti provare con javascript.