gpt4 book ai didi

twitter-bootstrap - 如何使用 variable.scss 在 Bootstrap 中更改主按钮的颜色?

转载 作者:行者123 更新时间:2023-12-03 19:45:21 26 4
gpt4 key购买 nike

我使用 variable.scss文件来自定义我的按钮。我的问题是不使用 CSS,只使用 SCSS .

我从更改原色(#66cccc)和字体(RobotoSlab)开始:

$primary: #66cccc;
$font-family-base: RobotoSlab;

但我想要白色的文本(见屏幕截图)但我的字体是黑色的

enter image description here

bootstrap 根据原色计算黑/白颜色(如果它很暗或很亮)

最佳答案

你是对的, Bootstrap 根据背景颜色定义文本颜色并使文本变亮或变暗。但是可以配置。

如果深入挖掘,您会看到 Bootstrap 使用函数 color-yiq ( source ) 来确定文本应该是深色还是浅色。所以基本上你需要两件事来获得按钮的白色文本:

  • 调整$yiq-contrasted-threshold的值
  • 确保 $yiq-text-light等于白色(默认情况下它是真的,所以你可能不需要担心它)
  • 关于twitter-bootstrap - 如何使用 variable.scss 在 Bootstrap 中更改主按钮的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54629074/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com