我有以下简单的代码,但它不起作用
<ul>
<li id="one" onmouseover="this.style.background-color='white';">
<a href="#">home</a>
</li>
</ul>
你能告诉我为什么吗? 谢谢
编辑:
我怎样才能改变标签的颜色,鼠标悬停在 li 上
最佳答案
在 JS 中更改样式对象的属性时,将连字符转换为驼峰命名法。
背景颜色
但是,您试图以错误的方式解决这个问题。
如果您确实想在悬停时设置列表项的样式,那么您可能应该在样式表中使用 li:hover
。唯一的缺点是这在 IE 6 中不起作用(尽管这只是一个古老浏览器的装饰效果,而且越来越多地落入“不支持”框中)。
也就是说,具有悬停效果会大喊“您现在可以点击!”在用户处 - 但只有列表项的链接部分在单击时才会执行任何操作。这意味着您应该对 a
元素进行样式设置,而不是对 li
进行样式设置...但应将其样式设置为填充列表项(这将在 IE6 中工作) )。
关于javascript - 元素 li 的 onmouseover 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2532553/