28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous...

j'essaye de faire un effet sur une liste déroulante cross-browser...
évidemment, c'est une chose ardue. Smiley decu

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... Smiley confus

<select name="categorie">
    <option value="">Tous types</option>
    <option value="Maison" selected="selected" class="option-selected">Maison</option>
    <option value="Pavillon">Pavillon</option>
</select>


.option-selected {
    color:#FF0000;
}


Quelqu'un aurait une idée ?
Merci d'avance. Smiley cligne