Couleurs dans select & option

Résolu/Fermé

giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 - 17 déc. 2014 à 06:52
giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 - 17 déc. 2014 à 11:33

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:

Couleurs dans select & option
Option booster free avis - Guide
Corinne copie un texte sur le web et le colle dans un document avec l'option "texte non formaté" (aussi appelée "texte sans mise en forme"). qu'est-ce qui est conservé ? - Forum Bureautique
Un mot est caché dans l'en-tête du document. pour le trouver, modifiez sa couleur. ✓ - Forum Word
Option d'ergonomie - Guide
Please select boot device - Forum Matériel & Système

3 réponses

Réponse 1 / 3

Utilisateur anonyme
17 déc. 2014 à 10:23

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.

giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
Modifié par giheller le 17/12/2014 à 10:54

exact pour le blanc sur fond blanc, mais qu'entends tu par couleur initiale ?
JL

Utilisateur anonyme > giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024
Modifié par le père. le 17/12/2014 à 11:27

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>

giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142 > Utilisateur anonyme
17 déc. 2014 à 11:33

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

Réponse 2 / 3

hams.sun Messages postés 110 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 20 février 2019 9
17 déc. 2014 à 08:33

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

Réponse 3 / 3

giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
17 déc. 2014 à 10:43

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

Discussions similaires

"Reboot and Select proper Boot Device"

Aide Please select boot device

Option de connexion désactivé

Empreinte digitale disparue

Ecran LCD vert-bleu-rouge

Discussions similaires

Newsletters