Usuń przerywane obramowania łączy - CSS-Tricks

Anonim

Kropkowane obramowania wokół linków to funkcja ułatwień dostępu, którą większość przeglądarek ma domyślnie. To jest dla użytkowników, którzy muszą lub wybierają nawigację za pomocą klawiatury, istnieje styl wizualny zastosowany do tych linków, gdy są „tabulowane”. Te obramowania pojawiają się również po kliknięciu linku (w stanie „aktywnym”) i mogą być brzydkie w zależności od projektu (zwłaszcza gdy używasz czegoś takiego jak zamiana obrazu CSS, krawędzie rozciągają się na całą długość ekranu). Możesz je usunąć w ten sposób:

a:active ( outline: none; )

UWAGA: Zaletą jest to, że styl: focus nadal będzie używał konturów, co oznacza, że ​​nawigatory klawiaturowe nadal będą miały styl / wizualną informację zwrotną.