Html 引导折叠文本装饰

对于这个例子，我有一个关于“手风琴例子”的问题。使用时，我希望删除文本“可折叠组项目”1-3中的下划线。默认情况下，它们不带下划线，当鼠标移到上方时，它们带下划线。这可以通过以下操作进行修改：

btn-link:{
text-decoration: none;
}

---

但是，在单击并移开鼠标后，下划线会一直存在，直到单击其他内容为止。我如何删除那里的下划线？检查链接以查看我正在谈论的行为

只需为

btn链接添加鼠标悬停

.btn-link:hover, .btn-link, .btn-link:focus{
   text-decoration:none;
}

---

这个问题似乎是因为伪类

：focus

您可以像这样覆盖

：focus

的CSS

.btn-link.focus, .btn-link:focus {
    text-decoration: none;
}

---

我希望这能解决问题。

您需要添加两件事：

要删除悬停下划线，请添加：

.btn-link:hover{
  text-decoration:none;
}

对于单击“添加”后的下划线：

.btn-link:focus{
  text-decoration:none;
}

---

查看此项。

您需要为此项添加两种样式类型

.btn-link.focus, .btn-link:focus {
  text-decoration: none; //here is if you want to remove 
  box-shadow: none;
 }

还有这个

.btn-link:hover{
  text-decoration:none; //here is if you want to remove 
 }

---

简单方法：只需添加

！重要信息

.btn-link {
  text-decoration:none !important;
}

或者您可以使用

：focus

进行单击，使用

：hover

进行悬停

.btn-link:focus, .btn-link:hover {
    text-decoration: none;
}

---

非常感谢。实际上，我在我的帖子中输入错误，我已经修改了悬停标签，它只是我正在寻找的焦点标签。