Як видалити підкреслення з імені на наведення курсора

У мене є такий html:

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

legend.green-color{
    color:green;
}

У моєму випадку Sectionвиглядає зеленим, але коли я поклав на нього вказівник миші, він став схожим на href, але я хочу, щоб він залишався таким же, без підкреслення та зміни кольору.

Чи можливо це досягти без зміни css або з мінімальним css cahnge?

або може бути якось з jquery?

спробуйте це:

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

Видаліть текстовий декор для тега прив’язки

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

Ви можете використовувати CSS під legend.green-color a:hoverцим.

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

Щоб зберегти колір і запобігти підкреслення на посиланні:

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

Ви можете призначити ідентифікатор певному посиланню та додати CSS. Дивіться кроки нижче:

1.Додайте ідентифікатор на ваш вибір (має бути унікальне ім’я; можна починати лише з тексту, а не з числа):

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

2. Потім додайте необхідний CSS так:

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