Comment supprimer le soulignement d'un nom au survol

Question

J'ai un tel html :

 <legend class="green-color"><a name="section1">Section</a></legend>

legend.green-color{
    color:green;
}

Dans mon cas, Section semble vert, mais lorsque je place le pointeur de la souris dessus, il ressemble à un a href, mais je veux qu'il reste le même sans souligner ni changer de couleur.

Est-il possible d'y parvenir sans changer de css ou avec un minimum de changement de css ?

ou peut-être en quelque sorte avec jquery?

Answer 1

essaye ça:

 legend.green-color a:hover{
    text-decoration: none;
}

Answer 2

Supprimer la décoration de texte pour la balise d'ancrage

 <a name="Section 1" style="text-decoration : none">Section</a>

Answer 3

Vous pouvez utiliser CSS sous legend.green-color a:hover pour le faire.

 legend.green-color a:hover {
    color:green;
    text-decoration:none;
}

Answer 4

Pour conserver la couleur et éviter un soulignement sur le lien :

 legend.green-color a{
    color:green;
    text-decoration: none;
}

Answer 5

Vous pouvez attribuer un identifiant au lien spécifique et ajouter du CSS. Voir les étapes ci-dessous :

1.Ajoutez un identifiant de votre choix (doit être un nom unique ; ne peut commencer que par du texte, pas un nombre) :

 <a href="http://stackoverflow.com/abc/xyz" id="smallLinkButton">def</a>

2. Ajoutez ensuite le CSS nécessaire comme suit :

    #smallLinkButton:hover,active,visited{
   
         text-decoration: none;
         }