Removendo bordas pontilhadas no Firefox

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:

Borda pontilhada no Firefox

Para retirar a borda, basta alterar a propriedade CSS outline do link para none:

a{
outline: none;
}

E voilà!

Esta entrada foi postada em CSS, tips.

9 comentários em “Removendo bordas pontilhadas no Firefox

  1. Daniel disse:

    Show de bola, salvou meu dia essa dica!

  2. Sergio disse:

    Aqui não dá certo de jeito nenhum. Já coloquei de todas as maneiras e o pontilhado continua lá… o que fazer?

  3. Eduardo disse:

    e do flash tem como retirar essa borda pontilhada

  4. Rodrigo disse:

    Muito bom!
    Para o pessoal que não deu certo
    coloca assim tbm

    div, a, span{
    outline: none;
    }

  5. Douglas disse:

    Show moçada.. sugiro até:

    *{
    outline:none;
    }

  6. Leozin disse:

    onde eu axo esse “CSS” pra configurar ele???

  7. James Fr. Silva disse:

    Tive que colocar o código abaixo para functionar certinho.

    :focus{
    outline:none;
    }

  8. jhon disse:

    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…

  9. 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

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s