Как изменить цвет фона активной кнопки, когда я использую bootstrap?

Question

В настоящее время я использую следующее: с этим нормальный цвет фона и цвет состояния наведения изменяются, но когда я нажимаю кнопку, он становится светло-голубым (то есть активным) что это такое, что я отсутствую?

.btn-primary{ 
 
    font-family: TimeBurner; 
 
    font-size: 15px; 
 
    background-color: #232323; 
 
    border-color: #222222; 
 
} 
 
.btn-primary:hover{ 
 
    background-color: #111111; 
 
    border-color: #000000; 
 
} 
 
.btn-primary.active, .btn-primary:active{ 
 
    background-color: #111111; 
 
\t border-color: #000000; 
 
}

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<div class="row"> 
 
    <div class="col-md-3 text-center"> 
 
     <button type="button" class="btn btn-primary" ng-click="getRatePerKGAir()"> 
 
      Rate/KG Air 
 
     </button> 
 
    </div> 
 
    <div class="col-md-3 text-center"> 
 
     <button type="button" class="btn btn-primary" ng-click="getRatePerKGSurface()"> 
 
      Rate/KG Surface 
 
     </button> 
 
    </div> 
 
    <div class="col-md-3 text-center"> 
 
     <button type="button" class="btn btn-primary" ng-click="getSalienceAir()"> 
 
      Salience Air 
 
     </button> 
 
    </div> 
 
    <div class="col-md-3 text-center"> 
 
     <button type="button" class="btn btn-primary" ng-click="getSalienceSurface()"> 
 
      Salience Surface 
 
     </button> 
 
    </div> 
 
</div>

Answer 1

Вы должны предназначаться .btn-primary:focus тоже. Это .btn-primary:focus, который отвечает за окраску кнопки #3276b1 после щелчка:

.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active { 
    background-color: #111111; 
    border-color: #000000; 
} 

затем он работает ->http://jsfiddle.net/y5jo73wo/

Answer 2

в коде CSS добавить этот один

.btn-primary:active:hover{ 
    background-color: red; 
    border-color: red;}