Page 1 sur 1

Focus ne fonctionne pas sous IE

Posté : 18 mars 2012, 19:47
par MEGAFILES
Bonjour à tous, je vous explique mon problème

j'utilise
input[type='text']:focus
{
 color: #FF8C00;
}
le problème c'est que sous IE, rien ne se passe

également, lorsque je fais focus sur un bouton submit
input[type='submit']:focus
{
background: #FF4500; box-shadow: 0 0 10px #000;
}
rien ne se passe non plus !

Re: Focus ne fonctionne pas sous IE + bordures arrondies

Posté : 18 mars 2012, 19:48
par MEGAFILES
De plus, les bordures ne sont pas arrondies sur les élements

D'autant plus que j'utilise -webkit-border-radius: 4px; border-radius: 4px;, etc...

Sinon, pour les input type text, je fais * { outline: none; }

Re: Focus ne fonctionne pas sous IE

Posté : 18 mars 2012, 20:11
par AB
Il me semble que c'est à partir d'IE9 que border-radius est pris en compte.

Pour la notation

Code : Tout sélectionner

input[type='text']:focus { color: #FF8C00; }
seuls certains navigateurs récents peuvent l'interpréter.

Tu devrais réserver les dernières évolutions css à des éléments non stratégiques pour ton site si tu ne veux pas avoir des problèmes d'incompatibilité (genre si le navigateur n'interprète par border-radius c'est pas grave car cela ne remet pas en cause les fonctionnalités de ton site).