javascript—在所有页面上隐藏光标（即使在某些元素上有css表示相反）

我试图应用一个javascript代码，使光标在整个网页上不可见，并且

document.body.style.cursor='none'

但是当页面中有其他具有特定样式的元素时
或与css类（将光标设置为特定值）一起应用
这些元素上的鼠标悬停使光标可见

下面是一个带有我的问题的html页面示例：


指针传感器{
光标：“指针”；
}
这是一个网页
点击我

当应用此代码时
document.body.style.cursor='none'
鼠标不会隐藏在按钮上

谢谢
给你，抱歉先误解了


*{
光标：无！重要；
}
a{
光标：指针；
}
a、 展示{
左：1rem；
光标：指针！重要；
}
您可以在网站上添加一个固定定位的div。div的样式为
cursor:none
，因为它是一个覆盖，所以它下面元素的样式不会触发光标的更改


const overlay=document.createElement（'div'）；
overlay.classList.add（'overlay'）；
document.body.insertAdjacentElement（'beforeend'，overlay）
.overlay{
位置：固定；
光标：无；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.pointerCursor{
光标：“指针”；
}

这是一个网页
点击我
您是否仍希望能够对输入或事件做出反应？如果没有，你可以只使用不透明度覆盖。yupp我希望它是可见的或不可见的，这取决于上下文（事件）有一个纯CSS解决方案@Simplicius-确实如此，但我们希望链接光标不可见。这能回答您的问题吗？无论如何，谢谢你，但正如你所说，我正在寻找一个javascript代码，我可以在事件上应用，这样一个函数使鼠标光标可见，另一个函数使光标不可见（在整个页面中-无论是否有在任何html上应用了css类/样式的带有某个值的光标element@NadavStern.是的，这就是我所想的。但是，您可以将
！important
添加到您希望光标在悬停期间显示的元素中。我更新了我的答案以展示这一点。