J'essaie de faire en sorte qu'un lien s'affiche en blanc, sans soulignement. La couleur du texte s'affiche correctement en blanc, mais le soulignement bleu persiste obstinément. J'ai essayé "text-decoration : none;" et "text-decoration : none !important;
" dans le CSS pour supprimer le soulignement du lien. Aucun des deux n'a fonctionné.
.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>
Comment puis-je supprimer le soulignement bleu du lien ?
La balise anchor (lien) possède également des pseudo-classes telles que visited, hover, link et active. Assurez-vous que votre style est appliqué au(x) état(s) en question et qu'aucun autre style n'entre en conflit.
Par exemple :
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Voir [W3.org][1] pour plus d'informations sur les pseudo-classes d'action utilisateur :hover, :active, et :focus.
[1] : https://www.w3.org/TR/css3-selectors/#useraction-pseudos
text-decoration : none !important
devrait le supprimer . Etes-vous sûr qu'il n'y a pas un "border-bottom : 1px solid` qui se cache derrière ? (Tracez le style calculé dans Firebug/F12 dans IE)
Sans voir la page, difficile de spéculer.
Mais il me semble que vous avez peut-être un border-bottom : 1px solid blue;
est appliqué. Ajoutez peut-être "border : none;`". Le paramètre "text-decoration : none !important" est correct, mais il est possible qu'un autre style prévale sur ce CSS.
C'est là que l'utilisation de la [barre d'outils du développeur Web de Firefox][1] est géniale, vous pouvez modifier le CSS à cet endroit et voir si les choses fonctionnent, du moins pour Firefox. Il se trouve sous CSS > Edit CSS
.