1. 首页
  2. 问题
  3. 如何在Bootstrap中更改btn颜色
小编典典

如何在Bootstrap中更改btn颜色

css

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

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

阅读 972

收藏
2020-05-16

共1个答案

小编典典

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

更好的方法可能是：

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