How to remove :focus, :active css when user unblocks - css

Question

I use bootstrap3 button like this
when user click the button it render model and when user closed the model
the button is not return to the old bg color.
user must click the bg page or click anything in the page then the button bg color will return to the old one.
How to return the bg color to the first one after user close the model ?
CSS:
*:focus {
outline:none !important;
}
to remove outline when use are clicked the button.
Here is jsfiddle: http://jsfiddle.net/etfu9zev/
Thanks.

Answer 1

For anyone who ever used bootstrap until now, the problem is obvious. Someone should have worked on it already, but coding is tough... Here is my solution:
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<br/>
<button type="button" class="btn btn-success">Something</button>
</div>
</div>
*:focus {
outline:none !important;
}
body{
background:#DDD;
}
.btn-success:focus{
background-color: #5CB85C;
}
And a jsFiddle that illustrates it.
All you have to do is to make .btn-something:focus to have the same color as .btn-something. You can add the code for any type of button of bootstrap in your stylesheet, causing a reflow, but I'd rather cut the focus part from the bootstrap css.
Hope it helps.