CSS指针事件和光标样式

30

我遇到了使用pointer-events: nonecursor: wait组合的问题。 我需要在ajax处理过程中禁用点击并显示等待光标。有一种机制会自动向body标记添加或删除wait类。如果没有pointer-events: none,则出现等待光标,而当同时存在cursor: waitpointer-events: none时,光标将不会改变,而仍然保持默认箭头。

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

有没有办法只用 CSS 解决这个问题,或者必须使用透明的 div 来处理?谢谢。


禁用点击到哪里? - Heart
1个回答

50

除非您在body本身上有点击监听器,否则显示什么?

.wait {
    cursor:wait;
}

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

1
这可能是一个重复的问题,但我更喜欢你的答案。谢谢。 - TarranJones
@Prinzhorn:好的解决方案。 - Farzad Yousefzadeh
很棒的想法...谢谢。 - AliBoronsi

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接