Changer la couleur des options [Résolu]

Signaler
Messages postés
8
Date d'inscription
mardi 10 juin 2003
Statut
Membre
Dernière intervention
2 décembre 2005
-
Messages postés
8
Date d'inscription
mardi 10 juin 2003
Statut
Membre
Dernière intervention
2 décembre 2005
-
Bonjour



J'ai un SELECT en HTML j'aimerais changer la couleur des options en gardant la couleur noire de l'option quand le menu déroulant est fermé .

C'est à dire lorsque que l'on ouvre une page web, il y a un menu
déroulant mais le texte qu'on voit doit être en noir et quand on click
sur le menu on doit voir toutes les options avec différentes couleurs.
Quand on referme le menu l'option selectionnée doit redevenir noire
peut importe la couleur de l'option quand le menu est ouvert...



si quelqu'un à tout compris et qu'il a une petite solution, je l'en remercie d'avance



tchao

3 réponses

Messages postés
8
Date d'inscription
mardi 10 juin 2003
Statut
Membre
Dernière intervention
2 décembre 2005

Re tout le monde

Alors voila j'ai enfin trouvé la solution et autant en faire profiter tout le monde :



<script>

function ChangeCouleur(objet)

{

intLen = objet.options.length ; // récuère le nombre d'options

for(i = 0 ; i < intLen ; i++)

{

if(objet.options[i].id == "red")

objet.options[i].style.color="#FF0000" ;

if(objet.options[i].id == "blue")

objet.options[i].style.color="#0000FF" ;

}

}



function ReInitCouleur(objet)

{

objet.options[objet.options.selectedIndex].style.color="#000000"

}

</srcipt>



/***** LE HTML *****/




<select onFocus="ChangeCouleur(this)" onBlur="ReInitCouleur(this)">

<option id="red">1</option>

<option>2</option>

<option id="blue">3</option>

</select>



si quelqu'un voit une façon de l'optimiser...

voila a++
Messages postés
283
Date d'inscription
vendredi 6 août 2004
Statut
Membre
Dernière intervention
22 juin 2006

<select style="color:black">

<option style="color:red">1</option>

<option style="color:blue">2</option>

<option style="color:yellow">3</option>

</select>

The SMURF
[mailto:the_little_smurf@yahoo.fr the_little_smurf@yahoo.fr]
Enjoy the life, don't waste your time in front of your computer
Messages postés
8
Date d'inscription
mardi 10 juin 2003
Statut
Membre
Dernière intervention
2 décembre 2005

Merci pour ta réponse, mais si ça avait été si simple je n'aurais pas poser la question



Sous FireFox ton code est nickel mais sous IE c'est une autre histoire,
quand le menu est fermé le texte prend la couleur du texte dans le menu
alors que moi je le veux en noir.