Bootstrap

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

cursor: not-allowed;鼠标样式为 禁用图标
pointer-events: auto; 效果和没有设置pointer-events属性相同;点击后不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。
pointer-events: none;元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向其后代元素。

如果同时使用 ,鼠标为默认样式;

    cursor: not-allowed;(cursor:no-drop)

    pointer-events: none;

如果盒子区域既要鼠标禁用又要禁用样式:

使用盒子套盒子的方式解决:外部盒子使用cursor: not-allowed;(cursor:no-drop)

                                               内部盒子使用pointer-events: none;

例如:

 

;