鼠标禁用样式(cursor: not-allowed)无效和鼠标禁用事件(pointer-events: none)冲突
鼠标禁用样式:鼠标禁用事件:元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向其后代元素。如果同时使用 ,鼠标为默认样式;解决方法:外层添加盒子将样式分开外部盒子使用cursor: not-allowed;(cursor:no-drop)内部盒子使用pointer-events: none;不使用鼠标禁用事件,而是在鼠标点击事
·
鼠标禁用样式: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;
-
不使用鼠标禁用事件,而是在鼠标点击事件中做判断
更多推荐
已为社区贡献1条内容
所有评论(0)