css – 如何在Bootstrap中更改btn颜色

前端之家收集整理的这篇文章主要介绍了css – 如何在Bootstrap中更改btn颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法更改Bootstrap中的所有.btn属性?我尝试了下面的一些,但有时它会显示默认的蓝色(比如说点击并删除鼠标等).如何彻底改变整个主题
.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:visited {
    background-color: #8064A2;
}

解决方法

查看要覆盖哪些属性的最简单的方法是查看 Bootstrap’s source code,特别是 mixins/buttons.less中定义的.button-variant mixin.您仍然需要覆盖很多属性才能摆脱所有的.btn-主要样式(例如:焦点,禁用,下拉列表中的使用等).

更好的方法可能是:

>使用Bootstrap’s online customization tool创建自己的自定义版本的Bootstrap>手动创建自己的颜色类,例如.btn,无论>使用LESS编译器,并使用.button-variant mixin创建自己的颜色类,无论

猜你在找的CSS相关文章