Soumettre le style de bouton dans IE

Question

J'ai une question sur le comportement du bouton de soumission d'Internet Explorer. Si je charge la page, tout va bien - le bouton Soumettre ressemble à ce qu'il devrait être.

Inactive state http://img58.imageshack.us/img58/7214/inactiveci9.jpg

Mais si je clique dans le formulaire, le bouton d'envoi obtient un peu de style supplémentaire que je n'aime pas (voir l'image pour plus d'informations).

Active state http://img238.imageshack.us/img238/5282/activeyi0.jpg

Comment puis-je désactiver ce comportement. J'utilise IE7 sous Vista.

Answer 1

CSS:

input:focus, 
input:active, 
input:hover 
{ 
    outline: none; 
    border: 1px solid; 
} 

Aucune garantie, mais est censé pour arrêter d'être stupide IE.

Vous devriez étendre un peu le style ci-dessus, par exemple, changer la couleur de l'arrière-plan ou la couleur de la bordure pour donner un autre changement indiquant la mise au point.

(onglet de presse, vous verrez bouger;), le style supplémentaire est un indicateur montrant que l'action sera effectuée lors de la pression ENTRER)

Answer 2

J'ai rencontré le même comportement dans IE. Pour autant que je sache, la seule façon d'empêcher ce comportement est de définir la propriété de bordure de bouton à aucune - pas idéal car cela affecte évidemment le style de votre bouton.

Answer 3

Ceci est un comportement Windows standard où le bouton par défaut —, c'est-à-dire le bouton sur lequel vous avez cliqué si vous appuyez sur Entrée —, obtient une bordure légèrement plus épaisse.

Answer 4

Ceci indique que le bouton est mis au point. C'est nécessaire pour la navigation au clavier. Vous ne devriez pas l'enlever. Si vous appréciez toutefois l'aspect de votre conception par rapport à la convivialité et à l'accessibilité, essayez la propriété hideFocus (au moins, elle n'est pas aussi dangereuse que blur()).