解除元素的hover效果 代码展示 运行效果如下:鼠标移入hover效果就没有了,即背景不会变成红色了 pointer-events:none的运用场景 1、 任何元素设置pointer-event:none的效果相当于input[type=text|button|radio|checkbox] 设置disabled 属性,可以实现事件的禁用,例如: <a href="xx
2.2 使用point-events 属性,解除元素的hover效果: 改变css 样式:增加一个 hover 效果 12a{3text-decoration:none;4}5a[href="https://www.tmall.com/"]{6pointer-events:none;7}8span{9cursor:pointer;10}11p{12background:#ccc;13}14p:hover{15background:#f00;16}17 使用pointer-events 改变 hover ...
本来, 未使用pointer-events之前, 当点击li这一项任何位置都会通过removeChild(e.target)移除这一项, 我只是想在点击设计的按钮时删除这一项, 将li应用pointer-events: none;禁止响应鼠标的点击事件,li::after应用pointer-events: auto;解除禁止响应, 便可以在只点击伪元素的时候删除li....
本来, 未使用pointer-events之前, 当点击li这一项任何位置都会通过removeChild(e.target)移除这一项, 我只是想在点击设计的按钮时删除这一项, 将li应用pointer-events: none;禁止响应鼠标的点击事件,li::after应用pointer-events: auto;解除禁止响应, 便可以在只点击伪元素的时候删除li....