Coloration d'un <select> en js pour avoir le même visuel sous Firefox que IE7
Bonjour à tous...
j'essaye de faire un effet sur une liste déroulante cross-browser...
évidemment, c'est une chose ardue. :(
J'aimerais colorer le texte de l'option sélectionnée aux deux endroits (texte affiché lorsque le combo est enroulé et le texte dans la combo).
Le code ci-dessous fonctionne correctement sous IE7 mais pas sous Firefox.
Malheureusement, Firefox ne colore pas l'option sélectionnée comme IE. J'ai donc essayé de mettre color:#FF0000 sur le <select> mais cela colore toute la combo... :?
Code:
1 2 3 4 5
| <select name="categorie">
<option value="">Tous types</option>
<option value="Maison" selected="selected" class="option-selected">Maison</option>
<option value="Pavillon">Pavillon</option>
</select> |
Code:
1 2 3
| .option-selected {
color:#FF0000;
} |
Je pense donc qu'il faille utiliser javascript mais comment ?
Quelqu'un aurait une idée ?
Merci d'avance. ;)