Blog
Retirar o pontilhado dos links
//
12.06.2007
CSS
Este código é muito útil, por exemplo quando usamos um menu que tem uma imagem e um texto com indent, quando é clicado aparece o pontilhado do botão até o final da página. Para evitar isso utilize o seguinte código no seu arquivo CSS.
a:focus {
outline: none;
}
Fonte: Blog do Maujor
Update
Conforme lembrado por João Paulo, esse pontilhado só aparece no Firefox. 
10 comentários para “Retirar o pontilhado dos links”
Deixe um comentário
(*) Campos obrigatórios
12 de junho de 2007 às 10:36 am
Esse cara é desenrolado mesmo. Vlw ai pela dica.
12 de junho de 2007 às 10:38 am
Eita massa! eheheheh bombou horrores hehehe
12 de junho de 2007 às 10:46 am
Eita, essa eu não sabia…
Parabéns José!
Estou sempre por aqui para dar uma olhada,
abração!
12 de junho de 2007 às 11:40 am
Muito boa dica, parabéns pelo blog
18 de junho de 2007 às 9:01 pm
e pra aparece o pontilhado???
20 de junho de 2007 às 8:14 am
Luany, nesse caso ele foi ocultado para o firefox, por padrão ele é habilitado, caso deseje que aparece não precisa fazer nada.
25 de julho de 2007 às 7:50 am
Outra opção é usar o overflow:hidden no item. O pontilhado continua aparecendo, mas de forma correta.
28 de julho de 2007 às 10:09 am
Olá Augusto, a função do overflow é definir o que acontece quando o conteúdo excede as dimensões do elemento, exemplo em uma div com altura fixa para quando exceder aparecer a barra de rolagem. Obrigado pelo comentário.
6 de agosto de 2007 às 12:37 pm
Conforme especifica o próprio Maujor:
“Molduras dinâmicas (a propriedade ‘outline’ ) permitem aos usuários (p. ex., com baixa visão) criar molduras dinâmicas em volta de conteúdo sem alterar o layout, mas ressaltando informações.”
Não acho interessante simplismente retirar o outline. Utilizando o overflow, estaríamos respeitando sua função, já que o indent negativo faz o conteúdo ultrapassar suas dimensões.
10 de dezembro de 2007 às 12:28 pm
Nossa, muito simples. Por isso que eu amo CSS \o/