如何更改引导按钮？

Question

在bootstrap.css中，在不同的状态下改变了按钮btn-primary的颜色，但不知何故能够悬停，它只有一半。哪里可以解决？谢谢。

Answer 1

在bootstrap.css中，您可以在不同状态下更改类btn-primary中按钮的颜色。让我们看看以下代码：

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

因此。您可以根据需要更改颜色，背景颜色等。

Answer 2

使用Bootstrap按钮很容易参考buttons。

您也可以通过定位Bootstrap.css或覆盖Bootstrap.css的custom.css文件中的按钮类来更改其行为

例如：

1. 您使用了按钮默认或主要或任何其他按钮类型。
2. 在您的Bootstrap.css中搜索类似 .btn-default 或 .btn-primary 或任何其他类 .btn-xxxx 的类
3. 您将按钮状态（悬停，焦点，活动）按照您的需要更改值

颜色： ---＆gt;用于按钮上字体的颜色。

background-color： ---＆gt;用于按钮的背景颜色，依此类推。

希望这对您有所帮助，如果您需要更多帮助，请上传实时代码。

Answer 3

如果您想在主应用程序级别更改css，最好的方法是使用http://getbootstrap.com/customize/

Answer 4

  

更改班级名称......例如：

     

.btn-test {    颜色：＃FF5733;    background-color：＃800000;

     

}

     

.btn-test：悬停{    颜色：＃800000;    background-color：＃FF5733;   }