title: Change material icon color on hover
body: <p>I am using this <a href="http://www.getmdl.io/templates/dashboard/index.html" rel="nofollow">demo</a> and want to change icons color on hover</p>
  
  <pre><code>.demo-navigation .mdl-navigation__link .material-icons:hover {
    background-color: #00BCD4;
    color: #FFF;
  }
  </code></pre>
  
  <p>But didn't work. Is there any way to achieve that?</p>