鼠标禁用样式：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;
文章来源：https://www.toymoban.com/news/detail-545348.html -
不使用鼠标禁用事件，而是在鼠标点击事件中做判断文章来源地址https://www.toymoban.com/news/detail-545348.html
到了这里，关于鼠标禁用样式(cursor: not-allowed)无效和鼠标禁用事件(pointer-events: none)冲突的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
