- cursor: not-allowed;
- 设置改样式后,鼠标样式为 禁用图标
- pointer-events: ;
- 值为auto的时候:效果和没有定义pointer-events属性相同;鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。
-
值为none的时候:元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。其他值只能应用在SVG上。
- 两者同时使用 ,鼠标样式则为 default;
-
例:div {
cursor: not-allowed;
pointer-events: none;
}