鼠标禁用样式: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. 不使用鼠标禁用事件,而是在鼠标点击事件中做判断

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐