jquery - css hover 在搜索图标中改变颜色？

Question

我有一个带有搜索图标的菜单，是否可以在悬停事件时使用 CSS 更改图标的颜色？

<navbar id="menu">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li class="search"><img src="imagens/search-icon-2.png" width="25"  height="25"/></li>
        <li>

    </ul>

像这样:(不工作)

#menu ul li .search:hover{color:#fff;}

Answer 1

试试这个:

<style>
 .search { /* other stuff */ background:url(url to black image); }
 .search:hover { /* other stuff */ background:url(url to blue image on hover); }
</style>

<div id="menu">
  <ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li class="search"></li>
  </ul>
</div>