如何在悬停时从名称中删除下划线

我有这样的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;
}

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

1.添加您选择的ID（必须是唯一名称；只能以文本开头，不能以数字开头）：

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

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

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