Comment supprimer les contours de focus en pointillés des boutons dans Firefox ?

Éliminer les contours de focus en pointillés dans Firefox pour les éléments au-delà des liens

Bien que la suppression du contour de focus en pointillés disgracieux des liens dans Firefox soit simple à l'aide du CSS propriété a:focus { contour : aucun ; }, en appliquant la même technique à <bouton> Les éléments s'avèrent souvent inefficaces.

Solution : Utiliser le pseudo-élément spécifique à Mozilla

Pour éradiquer le contour en pointillés des boutons dans Firefox, il est nécessaire d'utiliser le navigateur -pseudo-élément spécifique ::-moz-focus-inner. Cet élément permet un ciblage précis de la bague de mise au point qui apparaît dans les limites du bouton. En définissant sa propriété border à 0, le contour peut être efficacement masqué.

Le code CSS pour y parvenir est le suivant :

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

Avec ce code en place, en cliquant sur un bouton dans Firefox ne déclenchera plus l'apparition du contour en pointillés, offrant ainsi une expérience utilisateur plus esthétique et plus cohérente.

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!