How to change bootstrap buttons?

Question

In bootstrap.css, the color of the btn-primary button has changed in different states, but somehow you can move the cursor, it costs only half. Where can I fix it? Thanks.

Answer 1

In bootstrap.css, you can change the color of a button in a class btn-primaryin different states. Check out the following code:

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

So. You can change the color, background color, etc. as you wish.

Answer 2

Working with Bootstrap buttons is very easy to use buttons .

you can also change your behavior by setting the button class in Bootstrap.css or in the custom.css file that overrides Bootstrap.css

, eg:

• .
• Bootstrap.css , .btn-default .btn-primary .btn-xxxx.
• (, , ), ,

color: --- > .

background-color: --- > ..

, , , .

Answer 3

css , http://getbootstrap.com/customize/

Answer 4

... :

.btn-test {  : # FF5733;  background-color: # 800000;

}

.btn-test: hover {color: # 800000; background-color: # FF5733; }