css点击改变按钮颜色

CSS是一种常用的网页样式语言，可以很好地控制网页的布局和样式。在网页开发中，我们经常需要使用CSS来实现一些效果，比如点击按钮后改变按钮颜色等。下面是一段CSS代码示例：

button:hover {
  background-color: red;
  color: white;
}
 

上述CSS代码中，使用了:hover伪类选择器，表示当鼠标悬停在按钮上时触发该效果。当触发效果时，按钮背景色变为红色，文字颜色变为白色。

如果想要在点击按钮后改变按钮颜色，可以用JavaScript和CSS组合实现。下面是一段代码示例：

CSS：
button.clicked {
  background-color: red;
  color: white;
}
JavaScript：
let button = document.querySelector('button');
button.addEventListener('click', function() {
  button.classList.add('clicked');
}
);
 

上述代码中，当按钮被点击后，通过JavaScript给按钮添加.clicked类，该类定义了按钮的新样式。当按钮被添加了该类后，CSS样式中的属性值将会覆盖原有属性，从而改变按钮的颜色。