Как удалить подчеркивание от имени при наведении

У меня такой html:

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

legend.green-color{
    color:green;
}

В моем случае Section выглядит зеленым, но когда я наводил указатель мыши на него, он выглядел как href, но я хочу, чтобы он оставался неизменным без подчеркивания и изменения цвета.

Можно ли достичь без изменения css или с минимальным css cahnge?

или может быть как-то с jquery?

Ответ 1

попробуйте следующее:

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

Ответ 2

Удалите декор текста для тега привязки

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

Ответ 3

Чтобы сохранить цвет и предотвратить подчеркивание ссылки:

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

Ответ 4

это должно сделать трюк:

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

Ответ 5

Вы можете использовать CSS в legend.green-color a:hover для этого.

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

Ответ 6

Вы можете назначить идентификатор определенной ссылке и добавить CSS. См. Следующие шаги:

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

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

Затем добавьте необходимый CSS следующим образом:
```
#smallLinkButton:hover,active,visited{

      text-decoration: none;
      }
```

Ответ 7

legend.green-color{
    color:green !important;
}