css设置不可点击

一、前言

在网页开发中，经常会遇到一种情况，就是需要将某个元素的点击事件屏蔽，使其在用户点击时没有任何反应。这时候，我们可以通过CSS的pointer-events属性设置为none来设置元素不可点击，实现这个功能。

二、MDN

文档地址：https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events

三、使用

我们可以给需要屏蔽点击事件的元素添加一个class类，然后在CSS文件中对该类进行样式设置，使其pointer-events属性为none即可。

举个例子，比如我们有一个按钮，想让其在某些情况下不可点击：

<button class