如何在html / hta中添加自定义光标[重复]答案

【问题标题】：How to add a custom cursor in html / hta [duplicate]如何在html / hta中添加自定义光标[重复]
【发布时间】：2019-11-25 16:37:27
【问题描述】：

我正在为孩子们制作一个头像游戏，我想添加一个可爱的心形光标。光标的尺寸为 32x32。我正在用 HTA 做这个。我做过很多次自定义光标，所以我不明白为什么它现在不起作用。

body{
cursor:url('heartcursor.png'), auto;
}

如果有人可以帮助我，那就太好了！

【问题讨论】：

检查图片文件是否在同一目录下。
试试 ./heartcursor.png
MSHTA 使用 IE9 浏览器引擎，因此 this is relevant - ” .CUR 和 .ANI 类型的游标是唯一受支持的游标类型。”

标签： css internet-explorer hta

【解决方案1】：

我尝试参考文档，发现 Internet Explorer 只支持 .cur 或 .ani 文件作为光标。

url(uri) ：Internet Explorer 6 及更高版本。光标由作者，使用自定义 URI，例如 url('mycursor.cur')。的光标 type .CUR 和 .ANI 是唯一支持的游标类型。

参考：

Cursor Property for IE browser

我用 .cur 文件进行了测试，它在 IE 上运行良好。

<!doctype html>
<html>
<head>
<style>
body{
cursor:url("arrow.cur"), auto;

}
</style>
</head>
<body>
sample page...<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Footer
</body>
</html>

Cursor file downloaded from here.

IE 11 中的输出：

我还用 IE 文档模式 IE5、IE7、IE8、IE9、IE10、IE11 测试了这个示例。它可以正常工作。

【讨论】：

作为the duplicate already points out，你想留下一个答案去吧。