title: Bootstrap's navbar list item changes its color on click
body: <p>I am facing an issue in Bootstrap's navbar.
  When I right click on one of the list items(link) to redirect it to the another page, it keeps it's color is orange (i.e. actually a hover color), when I click outside the navbar,the color changes to default color (i.e. green).
  Why it's all happening?</p>
  
  <p>I think it should keep it default green color even after right click.
  Below is the picture of navbar, after I right click on it to move to Shopping page.</p>
  
  <p><a href="https://i.stack.imgur.com/DoLOR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DoLOR.png" alt="enter image description here"></a></p>
  
  <p>CSS Code</p>
  
  <pre><code>.navbar-default .navbar-nav &gt; li &gt; a {
  
    color: #6ecd6e;
    font-size:15.7px;
    font-weight:400;
  }
  .navbar-default .navbar-nav &gt; li &gt; a:hover,
  .navbar-default .navbar-nav &gt; li &gt; a:focus {
    color: #ffb600;
  }
  </code></pre>