Focus ne fonctionne pas sous IE

MEGAFILES
Invité n'ayant pas de compte PHPfrance

18 mars 2012, 19:47

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 !

MEGAFILES
Invité n'ayant pas de compte PHPfrance

18 mars 2012, 19:48

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; }

ViPHP
AB
ViPHP | 5818 Messages

18 mars 2012, 20:11

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).