Maison > interface Web > tutoriel CSS > le corps du texte

Comment supprimer la vilaine ligne pointillée étendue lorsque vous cliquez sur un lien hypertexte dans l'échange Firefox_Experience

WBOY
Libérer: 2016-05-16 12:04:00
original
1306 Les gens l'ont consulté

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
.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal