css 让一个按钮灰掉

CSS是网页设计中常用的样式语言，可以很好地控制网页中的各种元素。下面介绍如何使用CSS实现让一个按钮灰掉的效果。

button:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
}

如上述代码所示，我们可以通过使用伪类选择器:disabled来选中按钮，然后通过设置background-color和color属性来改变背景色和字体颜色，从而实现灰化效果。此外，为了让用户无法点击灰化的按钮，我们可以通过设置cursor属性为not-allowed来改变光标为禁止标志。

此外，还可以通过设置disabled属性来实现按钮的灰化效果，但需要注意的是，该属性会使按钮无法被点击，需要通过JavaScript来激活按钮。

总之，通过使用CSS和JavaScript，我们能够轻松实现让一个按钮灰掉的效果，为网页设计增添更多的灵活性和美观度。