Ao utilizarmos a técnica de image replacement, aplicando valores negativos na propriedade CSS text-indent, o Firefox adiciona uma borda pontilhada envolvendo toda a região iniciando no link até a margem esquerda da tela, como no exemplo abaixo:
Para retirar a borda, basta alterar a propriedade CSS outline do link para none:
a{
outline: none;
}
E voilà!
/webdev 
Show de bola, salvou meu dia essa dica!
Aqui não dá certo de jeito nenhum. Já coloquei de todas as maneiras e o pontilhado continua lá… o que fazer?
e do flash tem como retirar essa borda pontilhada
Muito bom!
Para o pessoal que não deu certo
coloca assim tbm
div, a, span{
outline: none;
}
Show moçada.. sugiro até:
*{
outline:none;
}
onde eu axo esse “CSS” pra configurar ele???
Tive que colocar o código abaixo para functionar certinho.
:focus{
outline:none;
}
Olha onde eu vou, vejo todo mundo falando que deu certo… mais eu naum consigo retirar os pontilhados do input dessa maneira… eles nunca saem do firefox…
alguém me ajuda, faz tempo que to tentando retirar o tracejado quando clica no link e não consigo, já tentei de tudo, de tudo mesmo. Coloquei outline:none em todas propriedades do css, tais como:
a { outline:none}
a:hover…
:focus…
e também coloquei no css a propriedade *{outline:none}
nada funcionou, tem algum outro jeito de arrumar isso, o q eu faço??
obrigado desde já!
abraços