Couleurs dans select & option [Résolu/Fermé]

Signaler
Messages postés
1838
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
24 juillet 2019
-
Messages postés
1838
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
24 juillet 2019
-
Bonjour,

Ce code fonctionne bien mais ...
L'item sélectionné ne prend pas la couleur ... (voir image jointe)



<select name='couleur'>

<option value='black' style='color:black'>███ noir</option>
<option value='white' style='color:white'>███ blanc</option>
<option value='yellow' style='color:yellow'>███ jaune</option>
<option value='blue' style='color:blue'>███ bleu</option>
<option value='green' style='color:green'>███ vert</option>
<option value='red' style='color:red'>███ rouge</option>
<option value='sienna' style='color:sienna'>███ sienne</option>

</select>

<input type="submit" value="valider">


Une idée, une piste serait la bienvenue
Merci
J-L R

3 réponses


Bonjour

Je ne crois pas que ça dépende du navigateur, ni du fait que tu codes la couleur en hexa ou pas.
Je crois que ça vient tout simplement du fait qu'à aucun moment tu ne changes la propriété color du SELECT.
Avec
<select name='couleur' onchange="this.style.color=this.value">
, ça devrait marcher. Reste à résoudre le cas de la couleur initiale et du blanc sur fond blanc.
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci

Messages postés
1838
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
24 juillet 2019
137
exact pour le blanc sur fond blanc, mais qu'entends tu par couleur initiale ?
JL
Utilisateur anonyme >
Messages postés
1838
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
24 juillet 2019

La couleur initiale, c'est celle qui est affichée au départ :-)
Si tu as un visiteur qui a choisi le bleu (par exemple), c'est sympa de lui proposer le bleu d'entrée de jeu quand il reviendra sur cette page une autre fois, au lieu de lui proposer systématiquement le noir.
Ça se fait habituellement en ajoutant selected="selected" dans la bonne <option> mais dans ton cas ça ne suffira pas, il faudra aussi donner le bon attribut de couleur au <select>
Messages postés
1838
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
24 juillet 2019
137 > Utilisateur anonyme
Merci bien.
La page concernée est à accès restreint et spécifique et l'utilisateur n'aura pas obligatoirement à choisir la même couleur.
j'ai ajouté
<body onLoad="document.forms['form2'].reset">

cela revient au début des options avec ctrl + F5 mais pas avec le rechargement avec F5 ou le bouton du navigateur
Messages postés
110
Date d'inscription
dimanche 20 juillet 2014
Statut
Membre
Dernière intervention
20 février 2019
9
Je crois que ça dépend des navigateurs, certain interprètent bien les couleurs, et d'autres non ...
Essaye avec un autre navigateur.

Autre solution, met tes couleurs en Hexadécimal : Remplace black par #000000
Messages postés
1838
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
24 juillet 2019
137
Rebonjour,
Merci à tous les deux pour vos réponses.
Effectivement le changement de navigateur ou la codification en hexa ne change rien.
La réponse de Le père est parfaite puisque cela fonctionne.
Merci encore
J-L R