首页 > 教程 >

CSS如何禁止元素的点击事件

2023-02-18教程围观

简介在实际工作中,如果我们需要禁止某个元素的点击事件,可以将该元素的pointer-events属性设为none。如下:测试代码:.disabled{pointer-events:none;cursor:default;opacity:0.6;}其中,pointer-events:none;是css3新出现的属性,意思就是禁止鼠标点击事件,当元素中有这一属性时,链接、点击事件统统失效。

  

CSS如何禁止元素的点击事件


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

如下:


CSS如何禁止元素的点击事件


测试代码:

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

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



下载链接:网站源码/小程序源码/网站模板下载

Tags: 如何 点击 元素 禁止 事件