title: Navbar link color change on click
body: <p>I'm using the latest version of Bootstrap 3.</p>
  <p>Inside my navbar I have:</p>
  <pre><code>&lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;topnav-navbar&quot;&gt;
  &lt;ul class=&quot;nav navbar-nav navbar-right&quot;&gt;
          &lt;li&gt;&lt;a href=&quot;http://localhost/anything&quot;&gt;Text&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>I would like to change navbar background colour and link colour.</p>
  <p>I've created the following Sass code (SCSS syntax).</p>
  <pre><code>.navbar {    
    background: #2C3E50;
    .navbar-nav li a {
      color: #eee;
      &amp;:hover {
        color: #18BC9C;
      }
    }
  }
  </code></pre>
  <p>It's working almost fine, but when I click on link (not on hover) for a split second I'm getting my link in gray colour with border/box shadow (on hover and on out everything looks as it should).</p>
  <p>The question is - what class to use to remove border/shadow and use colour I defined? I've tried a while and achieved nothing. It's really hard for me to guess what class to use to achieve effect I want.</p>