我有一个列表,并且有一个点击处理程序:

<ul>
  <li>foo</li>
  <li>goo</li>
</ul>

如何将鼠标指针更改为手指针(如悬停在按钮上)?现在,当我将鼠标悬停在列表项上时,指针变成了文本选择指针。


当前回答

对于完整的跨浏览器,请使用:

cursor: pointer;
cursor: hand;

其他回答

您可以使用以下选项之一:

li:hover
{
 cursor: pointer;
}

or

li
{
 cursor: pointer;
}

工作示例1:

li:悬停{光标:指针;}<ul><li>食品</li><li>巴</li></ul>

工作示例2:

锂{光标:指针;}<ul><li>食品</li><li>巴</li></ul>

Use

cursor: pointer;
cursor: hand;

如果你想要一个跨浏览器的结果!

只需执行以下操作:

li { 
  cursor: pointer;
}

我将其应用于您的代码,以了解其工作原理:

李{光标:指针;}<ul><li>食品</li><li>粘的,粘的</li></ul>

注意:也不要忘记,您可以使用自定义光标创建任何手形光标,您可以创建像这样的最喜欢的手形图标,例如:

第二部分{显示:块;宽度:400px;高度:400px;背景:红色;光标:url(http://findicons.com/files/icons/1840/free_style/128/hand.png)4 12,自动;}<div></div>

对于完整的跨浏览器,请使用:

cursor: pointer;
cursor: hand;

您不需要jQuery,只需使用以下CSS内容:

li {cursor: pointer}

瞧!方便的