引导SASS覆盖主按钮文本颜色

Question

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

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

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

@import "../node_modules/bootstrap/scss/bootstrap";
.btn {
color: #fff;
}

如何覆盖此样式？

Answer 1

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

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