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

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

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


当前回答

您可以在悬停时更改它,也可以只在列表项上指定光标:指针,两者都可以。

ul li {
  cursor: pointer;
}

或者

ul li:hover {
  cursor: pointer;
}

其他回答

仅为完整起见:

cursor: -webkit-grab;

它还提供了一只手,当移动图像的视图时,你会知道这只手。

如果您想使用jQuery和mousedown模拟抓取行为,这非常有用。

随着时间的推移,正如人们所提到的,您现在可以安全地使用:

li { cursor: pointer; }

只需执行以下操作:

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>

对于基本手符号:

Try

cursor: pointer 

如果您想要一个手形符号,如拖动某个项目并将其放下,请尝试:

cursor: grab

Use:

ul li:hover{
   cursor: pointer;
}

有关更多鼠标事件,请检查CSS光标属性。