html,css - cursor - 如何更改指针的默认图像

Question

我需要更改光标的默认图像:指针与一些自定义图像.

创建一个类并指定游标的悬停值不是一个有效的解决方案,因为我必须将该类添加到已经创建的所有元素中,并且您知道...不完全是最佳的.也无法将该类添加到正文,因为带有游标的子节点:指针会覆盖它.

知道怎么做吗？

Answer 1

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

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

Answer 2

我需要使用一些自定义图像更改光标：指针的默认图像。

起初我误解了这一点，但读完这篇评论后，事情就清楚了。

您可以使用 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)";
    }
}