title: Bootstrap Button active color change
body: <p>I'm using the bootstrap button class, more specifically the following :</p>
  
  <pre><code>&lt;button type="button" class="btn btn-success navbar-btn"&gt;Login&lt;/button&gt;
  </code></pre>
  
  <p>Right now, the color is showing green which is fine. Every time I click the button, the button changes into a darkish shade of green. What I want is to make it so that the button does not change color but just remain the default bootstrap color and also, remove the blue outline around it.</p>
  
  <p>For the blue outline, I attempted setting the outline to none but it didn't work for some reason. I know we have to use</p>
  
  <pre><code>.btn : active:focus {
  
  }
  </code></pre>
  
  <p>But I don't know the default color of the bootstrap success button so I'm having difficulty in figuring it out.</p>