Comment supprimer le contour pointillé dans Firefox sur les boutons et les liens ?

Comment supprimer le contour en pointillé de Firefox sur les boutons et les liens

Comprendre le problème

Quand En parcourant les pages Web dans Firefox, vous avez peut-être rencontré un contour en pointillé ennuyeux autour des boutons et des liens lorsqu'ils gagnent le focus. Ce comportement par défaut peut nuire à l'esthétique de vos créations.

Suppression du contour en pointillé sur les liens

Pour supprimer le contour en pointillé sur les liens, vous pouvez utiliser la règle CSS suivante :

a:focus {
    outline: none;
}

Suppression du contour en pointillé sur Boutons

Pour les boutons, le simple bouton:focus { outline: none; } la règle peut ne pas être suffisante. En plus de supprimer le contour de l'élément lui-même, vous devez également supprimer le contour de la bague de mise au point interne, que Firefox utilise pour indiquer le focus. Cela peut être fait avec la règle suivante :

button::-moz-focus-inner {
  border: 0;
}

Remarque

Bien qu'il soit techniquement possible de masquer le contour du focus, il s'agit d'un problème d'utilisabilité. La suppression du contour peut rendre difficile pour les utilisateurs d'identifier quel élément a le focus. Pensez à fournir des conseils de mise au point alternatifs adaptés à votre conception.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!