html - Bootstrap 折叠文本装饰

标签 html css bootstrap-4

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

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

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

最佳答案

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

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

check the demo here

关于html - Bootstrap 折叠文本装饰,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56106381/

相关文章:

javascript - $modal.modal 不是 FooTable 中的函数

html - 在 CSS 中指定命名颜色的数值

html - HTML 表格的 CSS 样式以强制执行大小限制

css - DIV 在 IE 和 Firefox 中的行为不同

html - 无法清除 float 的 div

css - 如何找到 div 元素的深度标签的 xpaths?

javascript - 在 Next Js 项目 React SSR 中导入样式 Bootstrap

html - 在大型显示器上的 bootstrap 4 表格的单元格中内联显示内容。

html - Uncaught ReferenceError : $ is not defined (For the Scrollspy effect)

javascript - 使用 html 从变量中删除样式标签