如何在html中设置自定义光标？

Question

我想为我的网站使用自定义光标图标（永久）。 我该怎么做？ 光标将作为简单的 .ico 文件下载。 我已经尝试过自定义光标命令但它似乎不起作用。

Answer 1

html, body {
    cursor: url("cursor.ico"), default;
    /* just change the cursor.ico path to your location */
}

https://davidwalsh.name/css-custom-cursor

Answer 2

您可以使用css。

执行此操作

html {
  cursor: url('path/to/your.ico'), default;
}

有关详细信息，请查看MDN

Answer 3

最适合使用最适合的.cur文件，您可以从现实世界的光标抽屉中获取它，并绘制自己的嵌入文件，如下所示：

cursor: url('hand.cur'),default;