Como remover sublinhado de um nome ao passar o mouse

Eu tenho esse html:

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

legend.green-color{
    color:green;
}

No meu caso, Sectionparecendo verde, mas quando coloco o ponteiro do mouse sobre ele, ele se parece com um href, mas quero que ele permaneça igual, sem sublinhado e sem alteração de cor.

É possível conseguir sem alterar o css ou com o mínimo de alteração de css?

ou pode ser de alguma forma com jquery?

tente isto:

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

Remova a decoração do texto da marca âncora

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

Você pode usar o CSS abaixo legend.green-color a:hoverpara fazer isso.

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

Para manter a cor e impedir um sublinhado no link:

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

Você pode atribuir um ID ao link específico e adicionar CSS. Veja os passos abaixo:

1.Adicione um ID de sua escolha (deve ser um nome exclusivo; só pode começar com texto, não um número):

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

2. Em seguida, adicione o CSS necessário da seguinte maneira:

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