如何在Bootstrap中更改btn颜色

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

回答：

查看需要覆盖哪些属性的最简单方法是查看Bootstrap的源代码，尤其是[mixins

/buttons.less中.button-variant定义的mixin。您仍然需要重写大量属性以摆脱所有样式（例如，下拉菜单中的用法等）。.btn-

primary``:focus``disabled

更好的方法可能是：

  1. 使用Bootstrap的在线定制工具创建自己的定制版本的Bootstrap

  2. 手动创建自己的颜色类别，例如 .btn-whatever

  3. 使用LESS编译器并使用.button-variantmixin创建自己的颜色类，例如.btn-whatever

以上是 如何在Bootstrap中更改btn颜色 的全部内容， 来源链接： utcz.com/qa/428589.html

回到顶部