css中怎么设置点击按钮变色

CSS中设置点击按钮变色可以使用伪类选择器:active来实现，该选择器可以为任何被点击的元素（比如按钮或者链接）添加样式。

button:active {
  background-color: red;
} 

以上代码将在按钮被点击时将背景颜色设置为红色。

另外，我们还可以使用:hover选择器为鼠标悬停在按钮上时添加样式：

button:hover {
  background-color: blue;
} 

以上代码将在鼠标悬停在按钮上时将背景颜色设置为蓝色。