title: bootstrap button on click showing default colour
body: <p>I am trying to style the button colour with below code, the colours work until I click the button, the button shows the default colours, how do I specify the colours of the button onclick?</p>
  
  <pre><code>.btn-success { 
   color: #ffffff; 
   background-color: #161617; 
   border-color: #494F57; 
  } 
  
  .btn-success:hover, 
  .btn-success:focus, 
  .btn-success:active, 
  .btn-success.active, 
  .open .dropdown-toggle.btn-success { 
   color: #ffffff; 
   background-color: #1F2838; 
   border-color: #494F57; 
  } 
  
  .btn-success:active, 
  .btn-success.active, 
  .open .dropdown-toggle.btn-success { 
   background-image: none; 
  } 
  
  .btn-success.disabled, 
  .btn-success[disabled], 
  fieldset[disabled] .btn-success, 
  .btn-success.disabled:hover, 
  .btn-success[disabled]:hover, 
   fieldset[disabled] .btn-success:hover, 
  .btn-success.disabled:focus, 
  .btn-success[disabled]:focus, 
  fieldset[disabled] .btn-success:focus, 
  .btn-success.disabled:active, 
  .btn-success[disabled]:active, 
  fieldset[disabled] .btn-success:active, 
  .btn-success.disabled.active, 
  .btn-success[disabled].active, 
  fieldset[disabled] .btn-success.active { 
  background-color: #161617; 
  border-color: #494F57; 
  } 
  
  .btn-success .badge { 
    color: #161617; 
   background-color: #ffffff; 
  }
  </code></pre>