css如何禁止元素的点击事件_亿码酷站_亿码酷站

css如何禁止元素的点击事件_亿码酷站_亿码酷站

服务器 VIP24小时自助开通

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

css如何禁止元素的点击事件_亿码酷站_亿码酷站插图

在实际工作中,如果我们需要禁止某个元素点击事件,可以将该元素的pointer-events属性设为none。

(推荐教程:CSS教程

如下:

af7710ffdfc97af3582470ba30d667c.png

测试代码:

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;}

其中,pointer-events: none;是css3新出现的属性,意思就是禁止鼠标点击事件,当元素中有这一属性时,链接、点击事件统统失效。

css如何禁止元素的点击事件
—–文章转载自PHP中文网如有侵权请联系admin#tyuanma.cn删除

用来度量计算机外部设备传输率的是什么度量单位?

分享到 :
服务器 VIP24小时自助开通
相关推荐

纯css代码实现简单下拉菜单效果_亿码酷站_亿码酷站

纯css代码实现简单下拉菜单效果_亿码酷站_亿码酷站

详解CSS中优先级和Stacking Context等高级特性,带你更深入了解CSS!!_亿码酷站_编程开发技术教程

详解CSS中优先级和StackingContext等高级特性,带你更深入了解CSS!...

css实现禁止页面文字被选中功能_亿码酷站_编程开发技术教程

css实现禁止页面文字被选中功能_亿码酷站_编程开发技术教程

详解JavaScript获取元素的尺寸_编程技术_亿码酷站

详解JavaScript获取元素的尺寸_编程技术_亿码酷站