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

Question

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

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

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

Answer 5

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

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

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

1. 然后按如下方式添加必要的CSS：

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

Answer 6

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 7

在react你需要这样做

<Link to="/" style={{ textDecoration: 'none' }}>
....
</Link>

或者如果您在 bootstrap 中使用 react 则使用此类

className="text-decoration-none"