Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So entfernen Sie die hässliche erweiterte gepunktete Linie, wenn Sie in Firefox_Experience Exchange auf einen Hyperlink klicken

WBOY
Freigeben: 2016-05-16 12:04:00
Original
1305 Leute haben es durchsucht

In einigen Sonderfällen, beispielsweise beim Erstellen eines Navigationsmenüs, ist der Effekt in diesem Fall sehr schlimm, da Firefox versehentlich den Rand des Links erweitert:
Geben Sie about:config in die Firefox-Adressleiste ein und geben Sie car ein. Es gibt ein Konfigurationselement namens „browser.display.focus_ring_width“. Wenn Sie es auf 0 ändern, wird der Rahmen nicht angezeigt, wenn Sie auf den Link klicken. In diesem Fall gibt es jedoch keine Randanzeige, wenn der Fokus auf der Schaltfläche liegt. Und als Entwickler ist das Setzen dieses Attributs im Browser gleichbedeutend damit, andere zu täuschen.
Dies ist eigentlich das Gliederungsattribut, das Firefox dem -Tag hinzufügt, wenn es im Fokus ist (Pseudoselektor – a:focus).
Die richtige Lösung besteht darin, eine Regel in CSS hinzuzufügen:
a {
outline: none keine ;
}
Letzteres führt dazu, dass die linke Maustaste auf den Link gedrückt wird. Während des Zeitraums vor dem Loslassen der Maustaste wird der gepunktete Umriss weiterhin angezeigt. Schreiben Sie diese Regel in CSS. Vielleicht sollte Firefox darüber nachdenken, diese Standardgliederung zu entfernen

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage