我想学习如何制作一个简单的 HTML 文件，其中我的光标更改为自定义图像，同时在整个页面上无延迟地进行跟踪（与我的 mac 操作系统上的功能相同，但我希望使用新的GUI 项目的光标）。
我已阅读所有 CSS 属性规则¹。问题是这些仅适用于当我将鼠标悬停在 div 属性或按钮上时，当我希望它永久工作时。
要使用自定义图像，您可以使用类中的
cursor: url.cursor {
cursor: url("image-path.png");
}
如果您想将光标应用于整个页面，您可以将 CSS 规则添加到
html<html>
<head>
<style>
html {
cursor: url("https://i.imgur.com/8Jhi9oS.png"), auto;
}
</style>
<body>
This page has a custom cursor!
</body>
</html>嘿，如果您的意思是希望在该页面上的任何地方都自定义光标，您可以使用此：
body {
cursor: url('path-to-image.png'), auto;
}
如果您只想在网站的特定部分使用它，您可以将正文更改为类、标签或 ID。
您无法在整个屏幕上实现光标效果，但可以在
bodybody {
cursor: url('mycustomcursor.cur');
}如果您有要使用的图像，则必须通过像Cursor Editor这样的转换器运行它，并使用
.cur<html>
<head>
<style>
html {
cursor: url("https://i.imgur.com/8Jhi9oS.png"), auto;
}
</style>
<body>
This page has a custom cursor!
</body>
</html>