Comment supprimer le soulignement d'un nom au survol

J'ai un tel html:

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

legend.green-color{
    color:green;
}

Dans mon cas, à la Sectionrecherche de vert, mais lorsque j'ai mis le pointeur de la souris dessus, il a ressemblé à un href, mais je veux qu'il reste le même sans souligner ni changer de couleur.

Est-il possible de réaliser sans changer de css ou avec un minimum de css cahnge?

ou peut-être en quelque sorte avec jquery?

essaye ça:

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

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

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

Vous pouvez utiliser CSS legend.green-color a:hoverpour le faire.

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

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

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

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="/abc/xyz" id="smallLinkButton">def</a>

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

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