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

Question

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

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

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



legend.green-color{

    color:green;

}

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

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

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

427 6

html css

6 ответов:

Comments

Ничего не найдено.

Harry Joy · Accepted Answer · 2011-08-25 13:28:54

попробуйте это:
legend.green-color a:hover{
    text-decoration: none;
}

Adithya Surampudi · Accepted Answer · 2011-08-25 13:30:58

удалите текстовое оформление для тега привязки
<a name="Section 1" style="text-decoration : none">Section</a>

Chris · Accepted Answer · 2011-08-25 13:29:05

чтобы сохранить цвет и предотвратить подчеркивание на ссылке:
legend.green-color a{
    color:green;
    text-decoration: none;
}

Small Hadron Collider · Accepted Answer · 2011-08-25 13:30:10

Вы можете использовать CSS под legend.green-color a:hover сделать это.
legend.green-color a:hover {
    color:green;
    text-decoration:none;
}

Raymond Wachaga · Accepted Answer · 2017-02-04 01:12:41

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

1.Добавьте идентификатор по вашему выбору (должно быть уникальное имя; может начинаться только с текста, а не с числа):
<a href="/abc/xyz" id="smallLinkButton">def</a>
затем добавьте необходимый CSS следующим образом:
#smallLinkButton:hover,active,visited{

      text-decoration: none;
      }

BaiJiFeiLong · Accepted Answer · 2017-03-29 13:37:07

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

2

2017-03-29 13:37:07