Estou tentando que um link apareça em branco, sem um sublinhado. A cor do texto aparece corretamente como branco, mas o sublinhado azul é teimosamente persistente. Eu tentei text-decoration: none;
e text-decoration: none !important;
no CSS para remover o sublinhado do link. Nenhum dos dois funcionou.
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}
<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>
Como posso remover o sublinhado azul do link?
A etiqueta de âncora (link) também tem pseudo-classes como visitado, pairar, link e ativo. Certifique-se de que o seu estilo é aplicado ao(s) estado(s) em questão e que nenhum outro estilo é conflitante.
Por exemplo:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Veja W3.org para mais informações sobre pseudo-classes de ação do usuário :hover, :active, e :focus.
Sem ver a página, difícil de especular.
Mas parece-me que você pode ter um "fundo de fronteira": 1px azul sólido;a ser aplicado. Talvez acrescente
fronteira: nenhuma;.
text-decoration: none !important` está certo, é's possível que você tenha outro estilo que ainda está prevalecendo sobre aquele CSS, no entanto.
Aqui é onde usar a Firefox Web Developer Toolbar é fantástico, você pode editar o CSS ali mesmo e ver se as coisas funcionam, pelo menos para o Firefox. It's em CSS > Edit CSS
.