CSS设置元素不可点击

要使CSS中的元素不可点击，可以通过设置pointer-events属性为none来实现。这样做会告诉浏览器元素是不响应鼠标事件的，但是元素仍然可见并且可以被点击通过键盘导航。

下面是一个CSS规则的例子，它将使一个元素不可点击：




.unclickable {
  pointer-events: none;
}

然后你可以在HTML中这样使用这个类：




<div class="unclickable">这个元素不可点击</div>

请注意，pointer-events属性不是CSS中的HTML属性，而是一个独立的CSS属性，可以用来控制元素如何响应鼠标事件。使用这个属性时，你可能还需要考虑元素的可访问性，因为它可能会影响键盘导航。