使用onMouseOver更改li
标记的背景颜色的最佳方法是什么?
我试过这种方式,但它不起作用:
生成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更改背景颜色,但我稍后会解决这个问题,因为我认为我应该能够自己管理它。
答案 0 :(得分:11)
您需要删除background-color:#FFFFFF
内联,然后将其添加到css中。然后#navlist li:hover { background-color:#2EA620; }
应该有用。