CSS指针事件和光标样式[重复]

Question

我对 pointer-events: none 和 cursor: wait 的组合有疑问。我需要在 ajax 正在进行时禁用单击并显示等待光标。有一种机制可以自动将wait 类添加或删除到body 标记。如果没有pointer-events: none，则会出现等待光标，当cursor: wait 和pointer-events: none 同时存在时，光标不会改变，但会保持默认箭头。

.wait {
    cursor:wait;
    pointer-events: none;
}

有没有办法只用 css 解决这个问题，或者我必须用透明的div 来解决这个问题？ 提前致谢。

Answer 1

除非你在 body 本身上有点击监听器，否则显示这个？

.wait {
    cursor:wait;
}

.wait > * {
    pointer-events:none;
}