Liste déroulante

24 nov. 2010, 17:16

Bonjour,
je me retrouve devant un petit souci mais je n'arrive pas à trouver de solutions.

Je suis entrain de construire une liste déroulante

Code : Tout sélectionner

<select><option value='OPTION 1'>OPTION 1</option><option value='OPTION 2'>OPTION 2</option></select>

J'aimerai enfait mettre une puce d'une couleur différente devant chaque option. J'ai tenté avec le CSS ca ne fonctionne pas.

Auriez vous une solution
merci d'avance

24 nov. 2010, 17:18

tu le rajoute a la main pas le choix

24 nov. 2010, 18:25

euh je ne crois pas que t'as compris mon souci.

j'ai fais ca:

Code : Tout sélectionner

<style type="text/css">
.bleu{
font-weight:bold;
color:#4DA4F6;
}

.rouge{
font-weight:bold;
color:#F91427;
}
</style>
<select><option value='OPTION 1'><span class='bleu'>&bull;</span>OPTION 1</option><option value='OPTION 2'><span class='rouge'>&bull;</span>OPTION 2</option></select>

et ca ne fonctionne pas. ca se charge toujours en noire.

24 nov. 2010, 19:03

si c'est que je te dit, tu vas devoir faire ton select a la main, dans option doit y'avoir aucune balise html.

24 nov. 2010, 19:48

Salut,
j'ai réussi à trouvé la solution. En passant par jQuery j'ai pu réglé le problème.

24 nov. 2010, 19:48

Salut,
j'ai réussi à trouvé la solution. En passant par jQuery j'ai pu réglé le problème.

Liste déroulante

Qui est en ligne