How to change the button color when it is active using bootstrap?

Question

I am using bootstrap 3. I want to change button color when I click on button.I mean button should be in different color when it is selected. How can I do this using css?

Answer 1

CSS has many pseudo selector like, :active, :hover, :focus, so you can use.

Html

     Button1
     Button2

css

.btn{
    background: #ccc;
} .btn:focus{
    background: red;
}

JsFiddle