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

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

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


当前回答

所有其他响应都建议使用标准CSS指针,但有两种方法:

应用CSS属性cursor:pointer;到元素。(这是光标悬停在按钮上时的默认样式。)应用CSS属性cursor:url(pointer.png);为指针使用自定义图形。如果您希望确保用户体验在所有平台上都是相同的(而不是让浏览器/OS决定指针光标的外观),这可能更可取。注意,如果找不到图像,可以添加回退选项,包括辅助url或任何其他选项,即光标:url(pointer.png,fallball.png,pointer);

当然,这些可以通过以下方式应用于列表项:li{cursor:pointer;},作为class.class{curator:pointer:},或者作为每个元素style=“cursor:ppointer;”的style属性的值。

其他回答

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

li {cursor: pointer}

瞧!方便的

对于基本手符号:

Try

cursor: pointer 

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

cursor: grab

为了能够让任何东西都得到“mousechange”处理,您可以添加一个CSS类:

mousechange:悬停{光标:指针;}<span class=“mousechange”>此处显示一些文本</span>

我不会说使用光标:指针,因为它只适用于InternetExplorer5.5及以下版本,而InternetExplorer6是随WindowsXP(2002)提供的。只有当浏览器停止工作时,人们才会得到升级的提示。此外,在Visual Studio中,它将在该条目下面加上红色下划线。它告诉我:

验证(CSS 3.0):“hand”不是“cursor”的有效值所有物

只需输入此代码。

li{cursor: pointer;}
ul li:hover{
   cursor: pointer;
}