如何更改指针的默认图像

Question

我需要更改 cursor: pointer 的默认图像和一些自定义图像。

创建一个类并为光标指定悬停值不是一个有效的解决方案，因为我必须将该类添加到所有已经创建的元素中，你知道吗……不是最佳的。也不能将该类添加到正文中，因为带有 cursor: pointer 的孩子会覆盖它。

知道怎么做吗？

原文由 zozo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我需要更改 cursor: pointer 的默认图像和一些自定义图像。

起初我误解了这一点，但在阅读 了这条评论 之后，事情就更清楚了。

您可以使用 jQuery/JavaScript 轻松完成此操作。首先，这是稍微简单一些的 jQuery 版本：

 $("*").each(function() {
    var cur = $(this);
    if(cur.css("cursor") == "pointer") {
       cur.css("cursor", "url(newcursor.ico)");
    }
});

纯 JavaScript 版本：

 var elms = document.getElementsByTagName("*");
var n = elms.length;
for(var i = 0; i < n; i ++) {
    if(window.getComputedStyle(elms[i]).cursor == "pointer") {
        elms[i].style.cursor = "url(newcursor.ico)";
    }
}

原文由 Chris 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以为 body 元素创建自定义 cursor --- 元素，除非被以后的选择器覆盖，否则它将用作默认值：

 body {
    cursor: URL(images/cursorimage.cur); /* IE */
    cursor: URL(images/cursorimage.gif);
}

原文由 David Thomas 发布，翻译遵循 CC BY-SA 3.0 许可协议