Sabe quando a gente clica com o botão direito em algum link ou com o “mouse wheel” pra abrir em outra aba e a imagem ou o texto fica com aquela borda pontilhada em volta? Não sabe? Basta olhar a imagem abaixo que você vai entender.
Tem uma maneira de retirar essa borda pontilhada e é muito simples; basta usar esse código no seu CSS:
a {
outline: none;
}
Mas não se esqueça de utilizar alguma outra estilização nos seus links para ajudar os usuários a saberem onde clicaram, onde estão clicando etc; seja mudando a cor ou colocando uma borda que combine com o seu layout por exemplo.
a:hover, a:active, a:focus {
// estilização das diferentes pseudo-classes do link
}
Vi a dica no CSS-tricks, da onde inclusive retirei a imagem usada acima.
Gostou do Blog? 
