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

Question

我有这样的html：

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

legend.green-color{
    color:green;
}

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

是否可以在不更改 css 或最小 css 更改的情况下实现？

或者可能以某种方式使用 jquery？

原文由 Joper 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试这个：

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

原文由 Harry Joy 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

移除锚标签的文字装饰

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

原文由 Adithya Surampudi 发布，翻译遵循 CC BY-SA 3.0 许可协议