悬停链接上的光标手不会随着“cursor: none;”消失

如何解决悬停链接上的光标手不会随着“cursor: none;”消失

我试图使用自己的光标仅用于悬停在链接上。这就是我不在整个身体上设置 cursor: none 的原因。我试图通过 JS 摆脱手。在检查器中，身体光标显示它的 cursor: none，但手仍然显示在我的光标上

link.addEventListener("mouSEOver",() => {
    mouseCursor.classList.add("cursorHov");
    document.body.style.cursor = 'none';
});

解决方法

更改 cursor 上的 document.body 属性不会在它悬停使用不同光标的其他内容时更改它。

不要为此使用 JavaScript，使用 CSS 的 :hover pseudo-class：

.selector-for-your-link:hover {
    /* CSS for your cursor (whatever you currently have for your `.cursorHov` class) */
}

,

实际上，您甚至不需要为此使用 JavaScript。你可以在 CSS 中做到这一点。像这样：

def do_something(variable):
    variable[0] = "New Value"
    print(variable[0])

对于 HTML：

.link:hover {
    cursor: none;
}

现在，你只需要创建链接，如果你想让它们没有光标，那么给它一个链接类。当然，您可以更改类名。另外，请注意，whateverhref.com 不是您真正想去的地方，它只是一个占位符。