Discussion :

[dev14]

Bonjour,

je n'arrive pas à appliquer un style différent sur la première option d'un select ;

par exemple, je veux que la phrase "selectionner votre département apparaisse en italic, et les options en gras.

Code :

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

1
2
3
4
5
6
<select ...>
   <option value="0"> Sélectionner votre département </option>
   <option value="1">Ain</option>
   <option value="2">Aisne</option>
...
</select>

Alors j'ai appliqué en css :

Code :

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

1
2
select{font-weight:bold;}
select:first-child{font-weight:normal;style-decoration:italic;}

En vain. Alors je me demande si c'est possible?

Merci.

[Meloooo]

Salut :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<style>
.selection { font-style:italic;font-weight:normal; }
.bold { font-weight:bold; }
</style>
 
<select>
   <option class="selection" value="0">Sélectionner votre département</option>
   <option class="bold" value="1">Ain</option>
   <option class="bold" value="2">Aisne</option>
</select>

Le css est pris en compte dès que tu cliques sur ta liste déroulante.

[dev14]

Merci, mais en fait ce que je voudrais justement, c'est que cette première option ait le style CSS particulier à l'affichage de la page, avant même qu'on clique sur le select.

Un peu comme on le voit sur les input text qui mettent une petite légende explicative lorsqu'il est vide, et dès qu'on met le curseur dedans, il disparaît et ce qu'on écrit a un autre style.