如何解决为什么我的 Bootstrap 5 悬停类不起作用?
我正在尝试将引导按钮更改为悬停,但它不起作用。
HTML:
<button type="button" class=" btn btn-dark">Sign Up</button>
CSS:
.btn-dark:hover { color: blue }
解决方法
很可能是因为 css 特殊性:
使用 .btn.btn-dark:hover { color: blue }
(即在 css 选择器中组合的该元素的所有类)覆盖该元素的常规规则。
您是否在引导 css 包含之后包含了自定义 CSS 文件? 这会有所不同,因为它会最后读取您的自定义标签并将其应用于引导程序样式。
您也可以覆盖 scss 文件。 https://www.bootstrapdash.com/bootstrap-css-styles/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。