Discussion :

[JustyDark]

Bien le bonjour,
Je viens vers vous aujourd'hui car j'aimerais styler mes <option>.
En effet, j'utilise un script php pour générer mes options et j'ai besoin de leur affecter une couleur afin de les différencier.

J'ai cherché un peu partout et j'ai testé pas mal de choses sans succès.
J'ai testé d'insérer directement un champs "<span style="color:green;"> sur le texte de l'option -> sans succès
J'ai testé de mettre un champs "class" dans mon option ce qui donne : <option class="selection" value="php_generate"> -> sans succès

Je m'en remet donc à vous !

Merci d'avance

[Bisûnûrs]

Il n'est pas possible de modifier l'apparence du texte des options (couleur, graisse, style, etc). La seule chose possible (il me semble) est de modifier le background (couleur, image).

[JustyDark]

Bonjour Bisûnûrs,
Merci de ton aide !

Je viens d'essayer en remplaçant "color:green;" par "background-color:green;" dans ma classe "selection" mais cela ne marche pas. Est ce que je m'y prend correctement ?

[Bisûnûrs]

A priori oui, mais tu dois avoir un problème ailleurs. Le code testé ici fonctionne très bien :
http://codepen.io/anon/pen/uqFIK (il faut dérouler les options pour voir leur couleur de fond)

[JustyDark]

Ok ! Merci cela marche à merveille !

Dernière question, j'ai essayé de rajouter deux lignes ".green:hover { background-color:green; }" et ".green:focus { background-color:green; }" par curiosité, mais sans succès. Dois je en conclure que je ne peux pas modifier la couleur de background quand on passe sur une option ?

[Bisûnûrs]

Visiblement, non.

[JustyDark]

Arg dommage, j'ai opté pour rajouter (disponible) et (en attente) du coup !

Encore merci pour ton aide précieuse !

Bonne fin de journée à toi