title: Background color of active item of navbar on Bootstrap
body: <p>I have now this navbar:</p>
  
  <p><img src="https://i.stack.imgur.com/tER6r.jpg" alt="Navbar image"></p>
  
  <p>But I want to remove that grey color of the background of the active item...</p>
  
  <p>I'm trying with this code:</p>
  
  <pre><code>.navbar-default .navbar-nav &gt; .active{
      border-bottom: 2px solid black;
      background-color: #fff;
   }
  </code></pre>
  
  <p>And it has added the black border, but the background has not changed to white.</p>
  
  <p><strong>UPDATE with the HTML and CSS code</strong></p>
  
  <p><a href="https://jsfiddle.net/v84zrhgo/" rel="nofollow noreferrer">https://jsfiddle.net/v84zrhgo/</a> &lt;- Code for the navbar</p>