css设置元素不可点击
css设置元素不可点击的样式为：pointer-events:none
下面来看一下具体的使用：
1、没有使用pointer-events:none：
点击前
点击后
2、使用pointer-events:none样式后
我们可看见点击文字后，并没有触发点击事件，说明样式生效了。
pointer-events详解
pointer-events：auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all
默认值：auto
适用于：所有元素
继承性：有
动画性：否
计算值：指定值
取值：
auto：与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同
none：元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。
其他值只能应用在SVG上。
更多CSS相关技术文章，请访问CSS3答疑栏目进行学习！
以上就是css设置元素不可点击的详细内容，更多请关注易知道|edz.cc其它相关文章！
