问题描述
我正在尝试将引导按钮更改为悬停,但它不起作用。
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/