Bootstrap sass 主按钮文本颜色

Posted 2023-02-15

【中文标题】Bootstrap sass 主按钮文本颜色

【英文标题】：Bootstrap sass primary button text color

【发布时间】：2021-04-13 12:56:14

【问题描述】：

您好，我怎样才能使颜色 #0ab3af 在我正在使用 sass 的按钮上有白色文本，我已将主题的原色设置为这种颜色，但按钮文本颜色保持深色，谢谢

【问题讨论】：

向按钮添加类 .text-light 怎么样？ getbootstrap.com/docs/4.0/utilities/colors

感谢您的回复，唯一的问题是我必须将该类添加到所有按钮，我希望为整个 Web 应用程序中的原色按钮设置文本颜色，谢谢

为什么不直接重新定义 btn 类并合并 '.text-light' 呢？这将为应用程序中的所有按钮设置样式。

对不起，我是来自顺风的引导程序的新手，我将如何在 sass 中做到这一点？谢谢

【参考方案1】：

在/app/assets/stylesheets/application.scss:

.btn 
  background: <some-dark-color>;
  color: white; // Or any other light color.

然后添加任何带有btn 类的新按钮，您应该一切顺利。