Couleurs dans select & option
Résolu
giheller
Messages postés
1882
Date d'inscription
Statut
Membre
Dernière intervention
-
giheller Messages postés 1882 Date d'inscription Statut Membre Dernière intervention -
giheller Messages postés 1882 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Ce code fonctionne bien mais ...
L'item sélectionné ne prend pas la couleur ... (voir image jointe)
Une idée, une piste serait la bienvenue
Merci
J-L R

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

A voir également:
- Couleurs dans select & option
- Option d'ergonomie - Guide
- Option volte/vowifi - Guide
- La boite à couleurs - Télécharger - Divers Photo & Graphisme
- Remettre les couleurs d'origine android ✓ - Forum Windows 10
- Je n'ai plus de couleur sur mon portable samsung Grand Ecran ✓ - Forum Samsung
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
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.
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
Essaye avec un autre navigateur.
Autre solution, met tes couleurs en Hexadécimal : Remplace black par #000000
JL
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>
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