Dans certains cas particuliers, comme lors de la création d'un menu de navigation, l'effet sera très mauvais lorsque cela se produira, car Firefox élargira par erreur la bordure du lien :
Entrez about:config dans la barre d'adresse de Firefox et retournez la voiture. Il existe un élément de configuration appelé "browser.display.focus_ring_width". Si vous le modifiez à 0, la bordure n'apparaîtra pas lorsque vous cliquerez sur le lien. Mais dans ce cas, il n’y a pas d’indicateur de bordure lorsque le focus est sur le bouton. Et en tant que développeur, définir cet attribut dans le navigateur équivaut à tromper les autres.
Il s'agit en fait de l'attribut outline que Firefox ajoute à la balise lorsqu'elle est active (pseudo-sélecteur - a:focus).
La bonne solution est d'ajouter une règle en CSS :
a {
outline: none
}
Ou restreindre la portée :
a:focus {
outline : none ;
}
Ce dernier provoque l'appui du bouton gauche de la souris sur le lien. Pendant la période précédant le relâchement du bouton de la souris, le contour en pointillé sera toujours affiché
Dans la plupart des sites Web que j'ai vus. Écrivez cette règle en CSS. Peut-être que Firefox devrait envisager de supprimer ce plan par défaut
.