entrée: le focus ne fonctionne pas sur Firefox

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

  •  05-07-2019
  •  | 
  •  

Question

Le style suivant, que j'ai vérifié, est en cours de chargement: 

input:focus { outline: none; }
:focus { outline: none; }

Je l’ai fait pour arrêter d’afficher le rectangle en pointillé lorsque je clique sur quelque chose. Cela fonctionne pour tout ce que j'ai remarqué dans FireFox, à l'exception de mes boutons de saisie. Mes boutons de saisie affichent toujours un rectangle en pointillé autour d'eux lorsque je clique dessus.

Comment puis-je leur demander de cesser de le faire?

Était-ce utile?

La solution

Je devais le faire ( source ): 

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner { border : 0px; }

/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus { outline : none; }

J'ai déjà eu " contour: 0 " définir sur tout via une réinitialisation, mais -moz-focus-inner était nécessaire pour supprimer la ligne pointillée sur un bouton de style CSS.

Autres conseils

<input ... onfocus="this.blur();"/> fera l'affaire

ou jQuery: 

$("input").focus(function(){this.blur();});

Cela fonctionne pour moi (essayé dans Firefox 2 et 3) 

<html>
<head>
  <title>Test</title>
  <style>
   :focus { -moz-outline-style: none;}
  </style>
</head>
<body>
  <form action="#">
    <input type="image" src="button.png" />
  </form>
</body>
</html>

Ajoutez simplement un bouton.png: -)

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