Soumettre le style du bouton dans IE

StackOverflow https://stackoverflow.com/questions/293948

  •  08-07-2019
  •  | 
  •  

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 d'envoi a l'apparence souhaitée.

État inactif http://img58.imageshack.us/img58/7214/inactiveci9 .jpg

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

État actif

Comment désactiver ce comportement? J'utilise IE7 sous Vista.

Était-ce utile?

La solution

CSS: 

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

Aucune garantie, mais cela est supposé empêcher que IE soit stupide.

Vous devriez étendre un peu le style ci-dessus. Par exemple, changez la couleur d'arrière-plan ou la couleur de la bordure pour donner un autre changement indiquant le focus.

(appuyez sur l'onglet, vous verrez qu'il bouge;), le style supplémentaire est un indicateur indiquant l'action à exécuter en appuyant sur ENTREE.

Autres conseils

Ceci indique que le bouton est activé. C'est nécessaire pour la navigation au clavier. Vous ne devriez pas l'enlever.

Si vous attachez de l'importance toutefois à l'apparence de votre conception, essayez hideFocus (du moins, ce n'est pas aussi dangereux que blur () ).

J'ai rencontré le même comportement dans IE. Autant que je sache, le seul moyen d'éviter ce problème est de définir la propriété de bordure de bouton sur none, ce qui n'est pas idéal, car cela affecte évidemment le style de votre bouton.

Il s’agit simplement du comportement standard de Windows où le bouton par défaut, c’est-à-dire. le bouton sur lequel vous avez cliqué si vous appuyez sur Entrée donne une bordure légèrement plus épaisse.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top