Question

我已经看过很多使用CSS＆＃34; s＆＃34;游标的教程：＆＃34;属性。然而，这主要是因为游标悬停在某些东西上时所看到的。我需要在整个站点中普遍地更改光标。我假设这使用Javascript，但我不知道Javascript所以我需要一些帮助。

是的，我知道这通常是一个糟糕的设计选择，这就是为什么我这样做的网站是一个笑话。这意味着要成为每个90年代网站的娱乐场所。

为了更清楚地说明我想要的内容，here是我希望与该网站一起使用的图片列表。我想知道如何普遍改变光标，而不仅仅是特定元素。

Answer 1

只需更改html或body标签的CSS游标属性

即可

html {
    cursor: url("hyper.cur"), auto;
}

Answer 2

试试这可能对您有所帮助

<html>
<span style="cursor:auto">auto</span><br>
<span style="cursor:crosshair">cross-hair</span><br>
<span style="cursor:default">default</span><br>
<span style="cursor:e-resize">e-resize</span><br>
<span style="cursor:grab">grab</span><br>
<span style="cursor:progress">progress</span><br>
<span style="cursor:s-resize">s-resize</span><br>
<span style="cursor:se-resize">se-resize</span><br>
<span style="cursor:sw-resize">sw-resize</span><br>
<span style="cursor:help">help</span><br>
<span style="cursor:move">move</span><br>
<span style="cursor:n-resize">n-resize</span><br>
<span style="cursor:ne-resize">ne-resize</span><br>
<span style="cursor:nw-resize">nw-resize</span><br>
<span style="cursor:pointer">pointer</span><br>
<span style="cursor:text">text</span><br>
<span style="cursor:w-resize">w-resize</span><br>
<span style="cursor:wait">wait</span><br>
<span style="cursor:not-allowed">not-allowed</span><br>
<span style="cursor:no-drop">no-drop</span><br>

</html>

如何全局更改光标图像

2 个答案: