Dans un formulaire, peut on changer la couleur de la selection?

Dans un formulaire, peut on changer la couleur de la selection? - HTML/CSS - Programmation

Marsh Posté le 25-02-2008 à 12:04:21    

Je souhaiterai savoir si il est possible avec CSS dans un formulaire de type liste déroulante ( <select> )
 
de changer la couleur de la surbrillance (chez moi bleu/ecriture blanche) qui se déplace avec la souris dans la liste avant de selectionner.
 
Au mieux, la supprimer et la remplacer par un soulignement ou mieux encore un encadré du texte que l'on s'apprete a selectionner.
En plus une fois selectionné,  que la liste se referme et que la valeur choisie apparait seule dans l'encadré (surment une histoire de focus), la surbrillance reste tant qu'on ne clique pas ailleurs dans la page (peut on, enlever systhématiquement ce bleu une fois le choix fait?)

Reply

Marsh Posté le 25-02-2008 à 12:04:21   

Reply

Marsh Posté le 25-02-2008 à 12:45:03    

Théoriquement oui. En pratique faut tester, essaye de mettre un

Code :
  1. select option:hover {
  2.  color: red;
  3. }


Tu verra bien si ça marche... (à mon avis pas)


Message édité par FlorentG le 25-02-2008 à 12:45:18
Reply

Marsh Posté le 25-02-2008 à 16:56:42    

en effet ca a pas l'air de trop fonctionner, ou j'ai pas mis tout ce qu'il fallait je sais pas
 
j'ai fait un test avec ton code sous IE7 et netscape8 sans succes
 
de ce que j'ai lu par ailleurs IE ne prend en charge le hover que pour les balises <A> sans quoi il faut faire un code javascript, visiblement ca marche pas non plus avec netscape du moins cette version
 
je l'ai vu fonctionner sur un site
http://www.badboy.ro/assets/articl [...] forms.html
 
je comprends pas trop comment il s'y est pris, je vais voir de mon coté comment il serait possible d'ecrit du code javascript mais si quelqu'un a deja resolu ce probleme je suis preneur

Reply

Marsh Posté le 25-02-2008 à 16:58:20    

tintin34 a écrit :

de ce que j'ai lu par ailleurs IE ne prend en charge le hover que pour les balises <A> sans quoi il faut faire un code javascript, visiblement ca marche pas non plus avec netscape du moins cette version


Uniquement IE6 et inférieur. IE7 l'implémente pour presque tout le monde
 


Avec un énorme renfort en JS. Reprend son script pour voir

Reply

Marsh Posté le 25-02-2008 à 23:00:03    

je comprends pas tous le code qu'il utilise mais j'ai créée un petit code html avec un formulaire et y ai inclu le .js et .css dans le head trouvé sur l'url precedante mais il ne se passe rien ca reste dans l'etat de base de mon code html sans ces .js et .css,  il doit y avoir autre chose que j'ai pas intégré
 
 
par ailleurs je rebondie sur ta remarque disant que IE7 implementait le hover sur plus que la balise <A> sur mon IE7, il ne s'est rien produit avec ta proposition de code

Reply

Marsh Posté le 28-02-2008 à 01:45:30    

il fait aussi appel on dirait a un var.php il y a peut etre dans ce code innaxecesible une modification
 
je comprends pas tous les styles du .css et leur interet ni certaines des fonctions javascript donc du coup je sais pas trop dire si c'est moi qui ai mal adapté son code ou si il manque quelque chose

Reply

Marsh Posté le 28-02-2008 à 04:53:14    

Franchement ce genre de fantaisie sert a rien, mais a rien du tout....
 
Oublie le .php, ca veut rien dire ce que tu cherches a faire
 
Donc pour cette effet: css + js
 
Le js fait quoi, il scan le formulaire, met des classes de partout pour "effacer" les autres element de ton champs de vision
 
Et par dessus ajoute de Joulie Image
 
Voila fin de la magie...
Pour pas le repeter, cest sans interet, et tu pars vers de super soucis entre tout les navigateur...
 
Enfin je dis ca je dis rien.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed