Cursor 悬停链接上的手不会因“光标：无；”而消失

Question

我正在尝试使用我自己的 cursor 仅用于悬停在链接上。 这就是为什么我不在全身设置cursor: none的原因。 我试图通过 JS 摆脱手。 在检查员身体 cursor 说它的cursor: none ，但手仍然显示在我的 cursor

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

Answer 1

当它悬停在使用不同 cursor 的其他东西时，更改document.body上的cursor属性不会更改它。

不要为此使用 JavaScript，使用 CSS 的:hover伪类：

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

Answer 2

实际上，您甚至不需要 JavaScript 。 您可以在 CSS 中执行此操作。 像这样：

.link:hover {
    cursor: none;
}

对于 HTML：

<a href="whateverhref.com" class="link">Try hovering over this!</a>

现在，您只需要创建链接，如果您希望它们没有 cursor，那么给它一个 class 的链接。 当然，您可以更改 class 名称。 另外，请注意，whateverhref.com 并不是您真正想要的 go，它只是一个占位符。