Change material icon color on hover
<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>