鼠标禁用样式(cursor: not-allowed)无效和鼠标禁用事件(pointer-events: none)冲突

鼠标禁用样式：cursor: not-allowed;
鼠标禁用事件：pointer-events: none；
元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向其后代元素。

如果同时使用 ，鼠标为默认样式；

cursor: not-allowed;（cursor：no-drop）
pointer-events: none;

解决方法：

1. 外层添加盒子将样式分开
   外部盒子使用cursor: not-allowed;（cursor：no-drop）
   内部盒子使用pointer-events: none;
   
   

2. 不使用鼠标禁用事件，而是在鼠标点击事件中做判断