Bootstrap SASS覆盖主按钮文本颜色[重复]

Question

我正在尝试使用 sass 将 btn-primary 的 文本颜色 设置为默认灰色。

我可以通过查看默认的 _buttons.scss 文件看到用于设置颜色的变量是 $body-color 但如果我将此变量更改为白色，那么显然所有正文文本也会变为白色在白色背景上。

我尝试手动设置.btn 的颜色，但随后悬停会将文本设置为灰色。如下：

@import "../node_modules/bootstrap/scss/bootstrap";

.btn {
    color: #fff;
}

如何覆盖此样式？

Answer 1

您可以使用按钮变体混合轻松地仅更改按钮颜色。由于您只想更改按钮颜色，而不是整个主主题颜色，因此您需要使用 SASS 中的按钮变体 mixins。

$mynewcolor:teal;

.btn{
    @include button-variant($mynewcolor);
}