Gepunktete Linkränder entfernen - CSS-Tricks

Anonim

Gepunktete Ränder um Links sind eine Eingabehilfenfunktion, über die die meisten Browser standardmäßig verfügen. Es ist für Benutzer gedacht, die über die Tastatur navigieren müssen oder möchten. Auf diese Links wird ein visueller Stil angewendet, wenn sie mit Registerkarten versehen sind. Diese Ränder werden auch angezeigt, wenn auf den Link geklickt wird (im Status "aktiv"). Je nach Design können sie ein Dorn im Auge sein (insbesondere bei Verwendung von CSS-Bildersetzung erstrecken sich die Ränder über die Länge des Bildschirms). Sie können sie damit entfernen:

a:active ( outline: none; )

HINWEIS: Der Vorteil hierbei ist, dass der Fokusstil weiterhin die Konturen verwendet, was bedeutet, dass Tastaturnavigatoren weiterhin das Fokus-Styling / visuelle Feedback haben.