Verwijder gestippelde koppelingsranden - CSS-trucs

Anonim

Gestippelde randen rond links zijn een toegankelijkheidsfunctie die de meeste browsers standaard hebben. Het is voor gebruikers die moeten of kiezen om met het toetsenbord te navigeren, er is een visuele stijl toegepast op die links wanneer ze "met tabbladen" zijn. Deze randen verschijnen ook wanneer er op de link wordt geklikt (in de "actieve" staat), en kunnen een doorn in het oog zijn, afhankelijk van het ontwerp (vooral bij gebruik van zoiets als CSS-beeldvervanging, beslaan de randen de lengte van het scherm). Je kunt ze hiermee verwijderen:

a:active ( outline: none; )

OPMERKING: Het voordeel hiervan is dat de: focus-stijl nog steeds de contouren gebruikt, wat betekent dat toetsenbordnavigators nog steeds de focus-styling / visuele feedback hebben.