如何从hover的名称中删除下划线

我有这样的HTML：

<legend class="green-color"><a name="section1">Section</a></legend> legend.green-color{ color:green; } 

在我的案例Section看起来绿色，但是当我把鼠标指针上它看起来像一个href，但我希望它保持不变下划线和改变颜色相同。

是否有可能实现而不改变CSS或最低限度的Css cahnge？

或者可能以某种方式与jQuery？

Answer 1

尝试这个：

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

Answer 2

删除锚标记的文字装饰

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

Answer 3

为了保持颜色并防止链接下划线：

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

Answer 4

这应该做的伎俩：

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

Answer 5

您可以在legend.green-color a:hover下使用CSS来执行此操作。

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

Answer 6

您可以为特定链接分配一个id并添加CSS。 请参阅以下步骤：

1.添加一个你select的ID（必须是一个唯一的名字，只能以文本开头，而不能是数字）：

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

2. 然后添加必要的CSS，如下所示：

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

Answer 7

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