Discussion :

[laurentSc]

Bonjour,

mon code utilise une balise span :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<FORM action="#" method="POST">
<select name="machSel" size=1>
 
<option value="Sélectionner un serveur"><span class="lucida colorlightgreen">Sélectionner un serveur</span></option>
<option value="DBMAP"><span class="lucida colorlightgreen">DBMAP</span></option>
<option value="DBTIP"><span class="lucida colorlightgreen">DBTIP</span></option>
<option value="Quevedo"><span class="lucida colorlightgreen">Quevedo</span></option>
<option value="TIP"><span class="lucida colorlightgreen">TIP</span></option>
 
</select>
<input type="submit" value="Ok">
</form>

Il y a plus d'options que ça mais j'abrège pour que ça reste lisible. Si je regarde le code source de la page (sous IE11 ou Firefox), les span sont présents, mais si je regarde le même code avec les outils de développement (Firebug pour Firefox et F12 pour IE), ils n'y sont pas. Et sur la page dans le navigateur, il ne semble pas pris en compte vu que je lui applique la classe colorlightgreen

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.colorlightgreen {
color:	green;
}

et elle n'est pas prise en compte. Une idée ?

[Tillo]

Bonjour,

Je vais peut être dire une bêtise, mais il me semble qu'une balise <option> doit contenir uniquement du texte, sans mise en forme de celui-ci.
Ou peut-être avec un <option style="....">? Il faudrait tester.

edit:

J'ai testé vite fait, ça fonctionne avec un truc du style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option value="DBMAP" style="color:red;">DBMAP</option>

[NoSmoking]

Bonjour,
il est où l'intérêt de mettre des <span> de partout quand on peut cibler les <option> avec le CSS ?

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
option {
  color: lightgreen;
}

[laurentSc]

Désolé ; j'avais mis ce sujet de côté, mais je viens de m'y remettre et en lisant ta réponse, j'ai pensé (même si y a pas vraiment de rapport) à appliquer la classe aux options du select et non aux span (que du coup, je les ai enlevées).

L'intérêt de ces span, c'est que j'ai plusieurs listes déroulantes et je ne voulais pas appliquer à toutes ce style...

[NoSmoking]

Je ne vois qu'un intérêt à mettre un <span>, c'est à rendre ton code invalide
Réf : The option element

[laurentSc]

et comment le lien que tu donnes montre que mon code était invalide ?