onmouseover for element li不起作用

Question

我有以下简单的代码,但它不起作用

<ul>
  <li id="one" onmouseover="this.style.background-color='white';">
    <a href="#">home</a>
  </li>
</ul>

你能告诉我为什么吗？谢谢

编辑:

我怎么能改变标签的颜色,在li的上面

Answer 1

在JS中更改样式对象的属性时,将连字符转换为camelCase.

backgroundColor

但是,您正试图以错误的方式解决此问题.

如果你真的想在悬停时设置列表项的样式,那么你可能应该li:hover在样式表中使用它.唯一的缺点是这在IE 6中不起作用(虽然它只是对古老浏览器的一种美容效果,越来越多地落入"不支持"框中).

也就是说,悬停效果会喊出"​​你现在可以点击!" 在用户 - 但只有列表项的链接部分将在单击时执行任何操作.这意味着你应该设置a元素的样式,而不是li...但是将样式设置为填充列表项(这将在IE6中起作用).

Listamatic有很多例子.