为什么我的 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/