如何通过纯CSS实现鼠标点击事件禁止?

2 min read

您可以使用CSS的pointer-events属性来禁止鼠标点击事件。将其设置为none,即可让元素不能被鼠标点击。

例如,要禁止一个按钮的鼠标点击事件,可以这样写:

button.disabled {
  pointer-events: none;
}

此时,即使鼠标移到该按钮上,它也不能被点击。