如何在 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;