CSS 按钮点击颜色

CSS 按钮点击颜色是通过添加 :active 伪类来实现的。当用户点击按钮时，:active 伪类将被应用，并指定一个颜色来显示按钮被点击的效果。

以下是一个简单的例子，演示如何在CSS中设置按钮点击颜色：

button:active {
  background-color: red;
}

在上面的代码中，我们应用了 :active 伪类，并将背景颜色设置为红色。这将使按钮在被点击时呈现为红色，以指示用户操作的反馈。

如果你想让按钮在点击时改变文本颜色，你可以用下面的代码：

button:active {
  color: white;
}

在上面的代码中，我们将文本颜色设置为白色。这将使按钮在被点击时文本呈现为白色，以提高可读性。

除了背景颜色和文本颜色，你还可以改变按钮的其他样式，如边框颜色和阴影。以下是一个完整的按钮样式，包括背景颜色、文本颜色、边框颜色和阴影：

button {
  background-color: blue;
  color: white;
  border: none;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

button:active {
  background-color: red;
  color: white;
  box-shadow: none;
  border: 2px solid white;
}

以上是一个完整的按钮样式，其中 box-shadow 属性用于为按钮添加阴影效果。在按钮被点击时，阴影效果会被取消并换成一个白色边框。

这是一个简单和基本的介绍，但CSS按钮点击颜色有无限的可能性。你可以玩转CSS中的各种样式，以创建独特和美观的按钮效果。