css伪类 点击变色

要实现元素在点击时变色，你可以使用CSS的伪类选择器`:active`。你可以通过为元素指定相应的样式来达到这个效果。下面是一个示例代码：

.element:active {
  background-color: red;
}

在上面的代码中，`.element`是你要应用样式的元素的选择器，当你点击该元素时，它的背景颜色会变为红色。你可以根据需要修改选择器和背景颜色。

相关问题

css输入框点击边框变色

可以使用CSS的:focus伪类来实现输入框在聚焦状态下边框变色的效果。具体方法如下：

input:focus {
  border-color: #007bff; /* 聚焦状态下的边框颜色 */
  outline: none; /* 去掉默认的聚焦状态下的外发光效果 */
}

其中，`:focus`伪类代表输入框在聚焦状态下的样式，`border-color`属性设置输入框的边框颜色，`outline`属性设置去掉默认的聚焦状态下的外发光效果。

css鼠标点击之后变色

要实现鼠标点击之后变色的效果，可以使用CSS中的:focus伪类选择器。

例如，如果你想让一个按钮在被点击后变成红色，可以这样写CSS代码：

button:focus {
  background-color: red;
}

这样，当用户点击按钮时，按钮就会变成红色背景色。你可以根据需要修改颜色值和选择器来适应你的具体情况。