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

2020-10-13,,

/2020/10/93995593.jpg

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

(推荐教程:CSS教程)

如下:

/2020/10/365a1698.png" /2020/10/365a1698.png" alt="af7710ffdfc97af3582470ba30d667c.png

测试代码:

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

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

以上就是css如何禁止元素的点击事件的详细内容,更多请关注北冥有鱼其它相关文章!

本文转载自【PHP中文网】,希望能给您带来帮助,苟日新、日日新、又日新,生命不息,学习不止。

《css如何禁止元素的点击事件.doc》

下载本文的Word格式文档,以方便收藏与打印。