Coloration d'un <select> en js pour avoir le même visuel sous Firefox que IE7

**Tchupacabra** · 26/08/2007, 19h08

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.

**gKsam** · 26/08/2007, 21h21

remplace : class="option-selected" par class="option_selected" je crois que j'avais eu le tour. mais je ne suis plus sûr.

bien entendu il faut le changer dans le css aussi.

je crois que tu t'es trompé de forum. içi c'est javascript.

**gKsam** · 26/08/2007, 21h31

en fait ça fonctionne ton code mais comme ça :

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 class="option-selected">Maison</option>
    <option value="Pavillon">Pavillon</option>
</select>

mais comme Maison est sélectionné la couleur ne ce voie pas du premier coups.

rien avoir avec le underscore. dédolé.

**Tchupacabra** · 26/08/2007, 22h58

merci gKsam pour ta participation, mais je pense être dans la bonne salle car je demande une aide/astuce javascript pour résoudre mon problème... que tu n'as peut être pas bien compris.

de plus, je code en xhtml 1.0, d'où l'utilisation du selected="selected"

**gKsam** · 26/08/2007, 23h32

C'est vrai que je n'ai pas tout compris. C'est ça le dimanche

Un peu trop d'expression rationnelles ce matin.

Sinon merci pour la rectification selected="selected". Il va falloir que je revois deux ou trois classes php.

Donc, après avoir regardé de plus près. tu veux qu'au moment ou tu sélectionnes dans la liste une option que cela change le couleur et le contenu d'un élément de ta page? (le cross-browser que il est vrai j'ai eu un peu de mal à savoir ce que cela veux dire)

Encore désolé. Je ne le refeura plus.