html - Bootstrap 折叠文本装饰

Question

对于Bootstrap Collapse Component ，我有一个关于“ Accordion 示例”的问题。我希望在使用时从文本“可折叠组元素”1-3 中删除下划线。默认情况下，它们没有下划线，然后将鼠标悬停在上面时，它们会带有下划线。这是可以修改的:

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

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

Answer 1

只需为 btn-link 添加鼠标悬停

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

check the demo here