css disabled 样式

/* 示例代码：为 disabled 的按钮添加样式 */

button:disabled {
  background-color: #dddddd; /* 设置背景颜色为灰色 */
  color: #888888; /* 设置文字颜色为较浅的灰色 */
  border: 1px solid #cccccc; /* 设置边框颜色为浅灰色 */
  cursor: not-allowed; /* 更改鼠标悬停时的光标样式为禁止符号 */
}

/* 如果需要为其他类型的输入元素（如 input）添加 disabled 样式，可以使用类似的方式 */
input:disabled {
  background-color: #dddddd;
  color: #888888;
  border: 1px solid #cccccc;
  cursor: not-allowed;
}

解释说明：

• button:disabled 和 input:disabled 是 CSS 中的选择器，专门用于选择处于 disabled 状态的按钮或输入框。
• background-color、color 和 border 分别设置背景色、文字颜色和边框样式，通常会将这些属性设置为较淡的颜色，以表示该元素不可用。
• cursor: not-allowed 用于更改鼠标悬停在该元素上时的光标样式，显示为一个禁止符号，提示用户该元素当前是不可点击的。