cursor: not-allowed;鼠标样式为 禁用图标
pointer-events: auto; 效果和没有设置pointer-events属性相同;点击后不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。
pointer-events: none;元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向其后代元素。
如果同时使用 ,鼠标为默认样式;
cursor: not-allowed;(cursor:no-drop)
pointer-events: none;
如果盒子区域既要鼠标禁用又要禁用样式:
使用盒子套盒子的方式解决:外部盒子使用cursor: not-allowed;(cursor:no-drop)
内部盒子使用pointer-events: none;
例如: