CSS指针事件和光标样式

Question

我对pointer-events: none和cursor: wait的组合有一个问题。我需要禁用点击，并显示等待光标，而ajax正在进行中。有一种自动向body标签添加或删除wait类的机制。如果没有pointer-events: none，等待光标就会出现，当同时有cursor: wait和pointer-events: none时，光标不会改变，但会保持默认箭头。

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

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

Answer 1

除非你有点击监听器的身体本身，显示这一点？

.wait {
    cursor:wait;
}

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