Bordas pontilhadas ao redor dos links são um recurso de acessibilidade que a maioria dos navegadores tem por padrão. É para usuários que devem ou optam por navegar pelo teclado, há um estilo visual aplicado a esses links quando “tabulados” para. Essas bordas também aparecem quando o link é clicado (em seu estado “ativo”) e podem ser desagradáveis, dependendo do design (especialmente ao usar algo como substituição de imagem CSS, as bordas abrangem o comprimento da tela). Você pode removê-los com este:
a:active ( outline: none; )NOTA: A vantagem aqui é que o estilo: focus ainda usará os contornos, o que significa que os navegadores de teclado ainda terão o estilo de foco / feedback visual.