Pourquoi mon lien est-il toujours souligné malgré l'utilisation de « text-decoration : none ; » ?

Comment supprimer le soulignement bleu d'un lien

Problème :

Vous avez un lien qui apparaît en blanc mais persiste de manière frustrante avec un soulignement bleu. Malgré l'application de text-decoration: none;, même avec la règle !important, le soulignement refuse de bouger.

.boxhead .otherPage {
  color: #FFFFFF;
  text-decoration: none;
}

Solution :

En y regardant de plus près, vous J'ai découvert que le text-decoration: none; la règle n’est pas appliquée correctement. Vous l'appliquez à un élément span (.boxhead), mais il doit être appliqué directement à l'élément d'ancrage (.boxhead a).

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}

Code révisé :

<div class="boxhead">
  <h2>
    <span class="thisPage">Current Page</span>
    <a href="myLink"><span class="otherPage">Different Page</span></a>
  </h2>
</div>

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}

En appliquant cette correction, vous réussirez à supprimer le soulignement bleu de votre lien, lui permettant d'apparaître en blanc sans aucun élément indésirable. distractions.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!