微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么我的 Bootstrap 5 悬停类不起作用?

如何解决为什么我的 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 举报,一经查实,本站将立刻删除。