Odstrániť hranice bodkovaných odkazov Triky CSS

Anonim

Bodkované okraje okolo odkazov sú funkciou prístupnosti, ktorú má väčšina prehliadačov v predvolenom nastavení. Je to pre používateľov, ktorí musia alebo sa rozhodnú navigovať pomocou klávesnice, na tieto odkazy existuje vizuálny štýl, keď sú na záložkách. Tieto orámovania sa tiež zobrazia po kliknutí na odkaz (v „aktívnom“ stave) a môžu byť oči v závislosti od vzoru (najmä pri použití náhrady obrázka CSS, orámujú túto oblasť po celej dĺžke obrazovky). Môžete ich odstrániť týmto spôsobom:

a:active ( outline: none; )

POZNÁMKA: Výhodou je, že štýl focus bude stále používať obrysy, čo znamená, že navigátori klávesnice budú mať stále štýl focus / vizuálnu spätnú väzbu.