Formulaire en CSS la proprieté focus
le 7 mars 2007 par sahid
CSS et la proprietée focus
Bon, peut etre que je vais rien n’apprendre à personne, mais je me suis souvent demandé comment fesait certains sites pour changer le style de leurs balises CSS au moment ou le focus etait dessus…
d’apres moi ça venait d’un Javascript, alors j’ai donc cherché à me faire mon petit script…
input:focus, select:focus, textarea:focus …
En fait, pas besoin de scrypt JS, les balises CSS admettent la proprieté “focus”
et la tout c eclairé ( : …
Exemple d’un petit formulaire css
Style utilisé :
-
<style type=“text/css”>
-
input, select, textarea {
-
border-top:1px solid #666;
-
border-left:1px solid #666;
-
border-bottom:1px solid #ccc;
-
border-right:1px solid #ccc;
-
-
}
-
input:focus, select:focus, textarea:focus {
-
background-color: #cddefd;
-
border:1px solid #248;
-
color:#f00;
-
}
-
</style>
Tableau de bord
11 mars 2007 at 17:01
Attention pas compatible avec IE ^^
Merci pour le post sahid ;)
12 mars 2007 at 10:16
Merci Matt pour la précision ( ;
16 mars 2007 at 3:02
Salut
super post
bravo
16 mars 2007 at 21:13
Tu peux tenter un effet Fade Out en jouant avec le OnBlur, c’est-Ã -dire quand tu perds le focus :)
8 mai 2007 at 23:53
Salut,
bravo pour ton site. STP je trouve des difficultés pour recupérer le text dans le champ textarea, pour le faire certaines choses (je verifie dabord si le text contient les caractÚres naicessaire puis je fais différentes fonctions) et je passe le resultat à un cgi. le probleme et que le fait qu’il ya des ‘\n’ des sauts de lignes font qu’il ne reconné que la premiere ligne. en fait je programme en python. meme si j’ai fait un strip ou un replace de ‘\n’ par rien ” j’ai toujours le meme probleme?????
STP aide moi si tu peux
16 mai 2007 at 12:08
Un petit tour sur Google et voilà exactement ce que je cherchais. Pas besoin de JS, génial. Et tant pis pour IE.
21 juin 2007 at 14:44
Ce script est génial !
Merci sahid !
6 janvier 2008 at 21:21
Merci beaucoup, mais ya pas une solution pour IE ? Car c’est quand même 90% de mes internautes :(
Je deteste le javasript -_-
Bon courage et a+
21 mai 2008 at 12:38
Moi ce qui me surprend c’est que sur le focus marche sous ie dans la zone ou je suis en train de laisser un commentaire(zone post en bas de page)!!
21 mai 2008 at 13:42
Vous avez une idée??
1 juin 2008 at 13:06
trèèès sympa !
:D
merci pour l’astuce