WebCis - Serviços de criação sites, marketing digital e sistemas web.

SIGA-NOS
Solicite um orçamento

Dicas para Criação e de sites

Contorno pontilhado dos links

Publicidade

Como remover o contorno pontilhado no Internet Explorer e Firefox utilizando Css

Como remover o contorno pontilhado no Internet Explorer e Firefox utlizando Css

Todo o navegador por padrão coloca uma borda pontilhada em todos os Links (). Esse contorno indica que o link foi clicado ou está ativo. Porém o estilo desse contorno varia de acordo com o navegador, em alguns casos podendo até atrapalhar a visualização de algumas partes do site.

Veja o exemplo abaixo:
 

Como podemos ver nesse caso apos clicarmos no link imediatamente aparece um contorno escuro ao redor do link. Esse contorno aparece tanto em textos com links, imagens com links e até em outros casos como o abaixo:

Bloco 1
Bloco 2

Nesse caso a situção já piora pois o pontilhado aparece em volta do bloco. Nos casos dos links não atrapalha tanto pois estamos mudando de página, já nos blocos dependendo da função do bloco fica mais evidente o pontilhado e pode atrapalhar a visualização da sua página, e nos navegadores que utilizam  Sistema de renderização Webkit (Google Chrome, e Safari) esse contorno se torna uma borda luminosa atrapalhando ainda mais a visão e o design.

Mas a solução pra esse problema é mais simples do que parece:

Utilizando o comando CSS outline podemos remover essa borda ou contorno.

Veja os exemplos abaixo:

  • Bloco 1
  • Bloco 2
  • Veja abaixo como ficou o código no css, podemos ver que é a mesmo código tanto para links () quanto para divs.

    a{outline:none} /* código para os links*/
    
    #sua_div{outline:none} /*código para as divs/
    Publicidade
    Postado por: Danilo Luna
    Arte e Desenvolvimento

     

    Assine nosso feeds e receba notícias todas semanas

    Últimos Clientes

    [veja todos]