如何在Bootstrap中更改btn颜色

山姆:

有没有办法更改.btnBootstrap中的所有属性?我试过下面的方法,但有时它仍显示默认的蓝色(例如单击并删除鼠标后等)。如何完全更改整个主题?

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #8064A2;
}
ckuijjer:

查看需要覆盖哪些属性的最简单方法是查看Bootstrap的源代码,尤其是mixins / buttons.less中.button-variant定义mixin 您仍然需要重写大量属性以摆脱所有样式(例如下拉菜单中的用法等)。.btn-primary:focusdisabled

更好的方法可能是:

  1. 使用Bootstrap的在线定制工具创建自己的Bootstrap定制版本
  2. 手动创建自己的颜色类别,例如 .btn-whatever
  3. 使用LESS编译器并使用.button-variantmixin创建自己的颜色类,例如.btn-whatever

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章