Bootstrap

鼠标 not-allowed 样式,和 css3 point-events

  1. cursor: not-allowed;
    1. 设置改样式后,鼠标样式为 禁用图标
  2. pointer-events: ;
    1. 值为auto的时候:效果和没有定义pointer-events属性相同;鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。
    2. 值为none的时候:元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。其他值只能应用在SVG上。

  3. 两者同时使用 ,鼠标样式则为 default;
  4. 例:div {

        cursor: not-allowed;

        pointer-events: none;

    }

 

;