0
点赞
收藏
分享

微信扫一扫

用::after添加文字后,不能点击

路西法阁下 2021-09-24 阅读 23
一点点

一个元素绑定了点击事件,然后需要在元素上加一个文字。通过伪元素after实现,但是添加了之后,点击元素可以执行,但是点击after添加的文字没有执行;

通过给after的css添加pointer-events: none 即可

取值

  • auto:
    与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同
  • none:
    元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。
  • 其他值只能应用在SVG上
举报

相关推荐

0 条评论