鼠标禁用样式:cursor: not-allowed;
鼠标禁用事件:pointer-events: none;
元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向其后代元素。
如果同时使用 ,鼠标为默认样式;
cursor: not-allowed;(cursor:no-drop)
pointer-events: none;
解决方法:
-
外层添加盒子将样式分开
外部盒子使用cursor: not-allowed;(cursor:no-drop)
内部盒子使用pointer-events: none;
-
不使用鼠标禁用事件,而是在鼠标点击事件中做判断