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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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.