Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Detonador PHP

[Resolvido] Retirar borda pontilhada do link

Por , em Desenvolvimento frontend

Recommended Posts

Detonador PHP    1

Detonador PHP
Postado

Ola pessoal. Minha dúvida é a seguinte. Quando clicamos em um link ele fica com uma borda pontilhada. Então recebi o seguinte código:

 

a {
  outline: none;
}

Então ele realmente tirou a borda pontilhada que fica no link. Mas isso não funcionou no IE8. Será que eu vou precisar de um hack pra isso?

Obrigado a todos!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Tenho quase certeza de que no IE8 ao invés de none deve ser 0 (zero)

 

E melhor que definir só a, seria em suas pseudo-classes também - :link, :hover, :active e :visited

Compartilhar este post

Link para o post
Compartilhar em outros sites

Detonador PHP    1

Detonador PHP
Postado

Coloco tipo um hack?

 

a{ /*para o fire fox*/
  outline: none;
}


* a{ /*para o internet explorer 8*/
  outline: 0;
}

Ou coloco 0 direto, tanto para o ff quanto para o ir8?

 

a{ /*para ambos os navegadores*/
  outline: 0;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

2Flex    1

2Flex
Postado

Olá,

 

Se ele não está a ler no IE8 é porque você não especificou o DOCTYPE.

 

Cumprimentos

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Coloco tipo um hack?

 

a{ /*para o fire fox*/
  outline: none;
}


* a{ /*para o internet explorer 8*/
  outline: 0;
}

Ou coloco 0 direto, tanto para o ff quanto para o ir8?

 

a{ /*para ambos os navegadores*/
  outline: 0;
}
Pode por zero mesmo. O Firefox é esperto.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Verifica se a instrução outline do seu a não esteja sendo sobrescrita com algum valor diferente de zero ou none algumas classes a frente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Aproveite e faça o teste com !important. ;)

 

Acho que ele funciona no IEca.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o !important serve para 'sobrescrever' regras.. faz com que oque for declarado com essa cláusula, seja mais 'específico' até que a regra conflitante da folha de usuário (sem !important)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Quitanda    0

Quitanda
Postado

anos depois, mas ainda em tempo, apenas pra esclarecer como eu consegui caso alguém chegue até aqui como eu, procurando a solução:

 

No css do seu link você atribui em a:

 

#id_do_link a {

border:none;

outline: none;

}

 

 

No caso, border está sumindo com o serrilhado no ie e o outline no ff. Valor none e não 0. Tbm não precisa criar hacks diferentes, basta colocar um abaixo do outro como no exemplo. Funfou nesses dois, funfou no resto. Boa sorte.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito