title: How to change background color of active button when i am using bootstrap?
body: <p>Currently i am using the following: 
  with this the normal background color and hover state color are changed but when i click a button it becomes light blue(i.e. active state)
  what is it that i am missing?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.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;
   border-color: #000000;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-md-3 text-center"&gt;
        &lt;button type="button" class="btn btn-primary" ng-click="getRatePerKGAir()"&gt;
            Rate/KG Air
        &lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="col-md-3 text-center"&gt;
        &lt;button type="button" class="btn btn-primary" ng-click="getRatePerKGSurface()"&gt;
            Rate/KG Surface
        &lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="col-md-3 text-center"&gt;
        &lt;button type="button" class="btn btn-primary" ng-click="getSalienceAir()"&gt;
            Salience Air
        &lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="col-md-3 text-center"&gt;
        &lt;button type="button" class="btn btn-primary" ng-click="getSalienceSurface()"&gt;
            Salience Surface
        &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>