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

来源:互联网 发布:java合并单元格某一列 编辑:程序博客网 时间:2024/06/11 06:33
  1. cursor: not-allowed;
    1. 设置改样式后,鼠标样式为 禁用图标;

  1. pointer-events: ;
    1. 值为auto的时候:
效果和没有定义pointer-events属性相同;鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。

    1. 值为none的时候:
元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。其他值只能应用在SVG上。

  1. 两者同时使用 ,鼠标样式则为 default;
例:div {
    cursor: not-allowed;
    pointer-events: none;
}

原创粉丝点击