3

li使用 onMouseOver更改标签背景颜色的最佳方法是什么?我用这种方式尝试过,但它不起作用:

生成 HTML 的代码:

echo "<a href=".$obj_players->Page." target=_parent>
      <li style=\"background-color:#FFFFFF;\"><span class=\"left\">" . $obj_players->Name . "</span><span class=\"right\">" . $obj_players->Viewers . "</span></li></a>";

CSS:

#navlist li:hover {
    background-color:#2EA620;
}

#navlist li {
    width:175px;
    height:30px;
    text-align:center;
    line-height:30px;
    font:"Myriad Pro";
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
    border-bottom:1px solid;
    border-color:#333;
}

说明:我必须在li标签中声明背景颜色,因为我有li不同背景颜色的不同元素。并且 li 在一个div带有 ID 的导航列表中。

我也有一个问题,我不希望每个li人都用 onmouseover 改变背景颜色,但我稍后会解决这个问题,因为我认为我应该能够自己管理它。

4

1 回答 1

12

You need to remove the background-color:#FFFFFF inline, and add that to the css. Then #navlist li:hover { background-color:#2EA620; } should work.

example: http://jsfiddle.net/jU8Pp/

于 2013-01-28T19:35:19.817 回答