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   -
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

A voir également:

3 réponses

Utilisateur anonyme
 
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
giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142
 
exact pour le blanc sur fond blanc, mais qu'entends tu par couleur initiale ?
JL
0
Utilisateur anonyme > giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention  
 
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>
0
giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142 > 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
0
hams.sun Messages postés 123 Date d'inscription   Statut Membre Dernière intervention   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
0
giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142
 
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
0