input est pris en compte, input:focus non

Bonjour,

j'ai tout un formulaire avec des <input> de type text, dont j'ai changé la couleur de la bordure :

Code:

---

1 2 3 4 5

input,textarea { border: 1px solid; border-color:#0066FF; }

---

Aucun problème pour ce code.

J'aimerai que quand l'utilisateur clique dans un de ces input, celui-ci change de couleur de background et de couleur de bordure. Donc j'ai fait-ceci :

Code:

---

1 2 3 4 5

input:hover, input:focus { border: 1px solid #FF0000; background-color:#FEE1A7; }

---

(j'ai testé juste le input:focus et juste le input:hover). Et là ça ne fonctionne pas, ce n'est pas pris en compte.

Est-ce qu'il y a un problème dans la syntaxe ?

Bonjour,

Tu es sous quel navigateur ?
Les pseudos-classes dynamiques :hover et :focus ne fonctionnement que sur les <a> sous IE6-

Je suis sous IE7 ...

Il y a que le :focus qui ne fonctionne pas sous IE7, sinon tu peux le faire en JavaScript !

avec un onMouseOver ça fonctionnerait ?

Citation:

---

Envoyé par baggie

avec un onMouseOver ça fonctionnerait ?

---

Ca ferai fonctionner le hover mais pas le focus

pour le focus vous avez une idée ?

Citation:

---

Envoyé par baggie

pour le focus vous avez une idée ?

---

Code:

---

1 2	<input type="text" onclick="this.style.border='1px solid red'" onblur="this.style.border=''" />

---

Merciii ! Nickel :D