禁用按钮的 CSS

在前端开发中，经常会遇到需要禁用按钮的情况，例如在表单验证未通过时禁用提交按钮等。通过 CSS，我们可以直接给按钮添加一些样式，使其看起来被禁用，并且无法响应用户的点击事件。

下面是一段简单的 CSS 代码，用于禁用按钮：

.disabled-button {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}

解析：

• cursor: not-allowed;：设置鼠标指针样式为禁用图标，表示按钮无法响应点击。
• opacity: 0.6;：将按钮的不透明度设置为 0.6，使其看起来被禁用，透明度值可以根据需要进行调整。
• pointer-events: none;：禁止按钮接收鼠标事件，按钮变为不可点击状态。

使用示例：

<button class="disabled-button">禁用按钮</button>

将按钮的 class 设置为 disabled-button，即可应用上述的禁用效果。

上述代码片段使用了 Markdown 标记语言进行书写，以便更好地展示代码和解析说明。