简介
在Web开发中，我们经常需要禁用按钮以防止用户重复提交，或者在特殊情况下，我们可能需要完全禁用按钮。CSS提供了一种简单的方法来禁用按钮的点击事件。
禁止button点击
通过CSS属性禁用
我们可以使用CSS属性pointer-events来禁用按钮的点击事件。该属性指定了元素是否应该忽略鼠标事件。通过设置此属性为none，禁用该元素的所有鼠标事件，包括单击、悬停、拖放和选择文本。
button.disabled {
pointer-events: none;
}
在上面的代码中，我们为禁用按钮添加了一个类disabled，并使用pointer-events: none;样式来禁用该按钮的所有鼠标事件。现在，无论用户做任何事，都不会激活该按钮。
通过属性禁用
HTML button元素具有一个属性disabled，如果将其设置为true，则会禁用按钮。我们可以使用CSS选择器选择禁用按钮，并为其设置样式。
button[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
在上面的示例中，我们选择将disabled属性设置为true的<button>元素，并为其设置样式。我们使用opacity: 0.5;降低按钮的透明度，并将光标样式设置为not-allowed，这将告诉用户该按钮无法单击。
总结
禁用按钮是在Web开发中非常常见的需求，并且通过CSS，我们可以很容易地禁用按钮的点击事件。我们可以使用pointer-events属性来禁用元素的所有鼠标事件，或者使用HTML disabled属性禁用<button>元素，并为其设置样式。