鼠标禁用样式和鼠标禁用事件的冲突（cursor: not-allowed和 pointer-events: none）

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;

例如：