Cómo quitar el subrayado de un nombre al pasar el mouse

Tengo tal html:

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

legend.green-color{
    color:green;
}

En mi caso, se Sectionve verde, pero cuando coloco el puntero del mouse en él, se ve como un href, pero quiero que permanezca igual sin subrayado y sin cambiar de color.

¿Es posible lograrlo sin cambiar css o con un cambio mínimo de css?

o puede ser de alguna manera con jquery?

prueba esto:

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

Eliminar la decoración de texto de la etiqueta de anclaje

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

Puede usar CSS debajo legend.green-color a:hoverpara hacerlo.

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

Para mantener el color y evitar un subrayado en el enlace:

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

Puede asignar una identificación al enlace específico y agregar CSS. Vea los pasos a continuación:

1.Agregue una identificación de su elección (debe ser un nombre único; solo puede comenzar con texto, no con un número):

<a href="/abc/xyz" id="smallLinkButton">def</a>

2. Luego agregue el CSS necesario de la siguiente manera:

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