title: Angular Material: Change Background color of tabs when clicked/active
body: <p>I want to remove the background-color effect applying when clicked on tab in angular material:</p>
  
  <p>Here is the link of <a href="https://material.angularjs.org/latest/demo/tabs" rel="nofollow">md-tabs</a></p>
  
  <p>When I click on the tab, I can see a background-color is applying to the div element:</p>
  
  <p>Here is the <a href="http://snag.gy/gkGHF.jpg" rel="nofollow">screenshot</a></p>
  
  <p>I tried to over-ride the style with the following code, but not taking into effect:</p>
  
  <pre><code>.md-ripple-container:active{
      background-color: none; !important
  }
  </code></pre>
  
  <p>Help!!</p>