如果你想多花点心思，这里有一些很酷的东西。在url中，您可以使用链接或保存PNG图像并使用路径。例如:

url(’assets imgs / theGoods.png’);

下面是代码:

.cursor{
  cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto;
}

因此，这将只适用于大小128 X 128，任何更大的图像将无法加载。但实际上你可以使用任何你想要的图像!这将考虑纯css3，和一些html。在HTML中你要做的就是

<div class='cursor'></div>

只有在这个div中，光标才会显示。所以我通常把它添加到body标签中。

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover="" style="cursor: pointer;"> A </a>

css。

或者在样式表中:

a.menu_links { cursor: pointer; }

在CSS中写入

a.menu_links:hover{ cursor:pointer}

我认为上面的“最佳答案”，尽管在编程上是准确的，但实际上并没有回答所提出的问题。问题询问如何更改鼠标悬停事件中的指针。我看到有帖子说有人可能在某个地方犯了错误，但没有回答问题。在接受的答案中，鼠标悬停事件是空的(onmouseover="")，而是包含样式选项。令人困惑的是为什么会这样做。

询问者的链接可能没有问题。考虑下面的html:

<a id=test_link onclick="alert('kinda neat);">Click ME!</a>

当用户鼠标在这个链接上时，指针不会变成手…相反，指针将像悬停在正常文本上一样。有人可能不想要这个……因此，鼠标指针需要被告知改变。

正在寻找的答案是这样的(由另一个人发布):

<a id=test_link onclick="alert('Nice!');"
       onmouseover="this.style.cursor='pointer';">Click ME!</a>

然而，这是……如果你有很多这样的东西，或者到处使用这类东西，并决定进行某种更改或遇到错误，那将是一场噩梦。最好为它创建一个CSS类:

a.lendhand {
  cursor: pointer;
}

然后:

<a class=lendhand onclick="alert('hand is lent!');">Click ME!</a>

可以说，还有很多其他方法比这种方法更好。DIVs，按钮，img等可能更有用。我认为使用<a>…< / >。

贾雷特。

div{光标:指针;颜色:蓝色} p{光标:文本;颜色:红色,} <div> im指针光标</div> <p> im Txst游标</p>

通过纯CSS解决方案 如上所述的答案标记为最好的 不适合这种情况。

本主题中的示例没有正常的静态href属性， 它只调用JS，所以没有JS它什么都不会做。

所以只在JS中打开指针是很好的。 因此,解决方案

onMouseOver="this.style.cursor='pointer'"

如上所述(但我不能在那里评论)是这种情况下最好的一个。 (但是，是的，一般来说，对于不需要JS的普通链接，最好使用纯CSS而不使用JS。)