Javascript 单击按钮时如何设置其格式？

是否有某种方法可以在CSS中设置按钮的格式，使其在单击时改变颜色？我知道“：hover”可以用来改变颜色，但我一直在寻找类似于鼠标左键点击的东西

我想要常规按钮的一般效果，但希望将颜色从默认的蓝色更改为蓝色。

为此，请使用：活动选择器。 HTML:

---

您还可以使用Javascript解决这个问题 HTML

---

小提琴：

使用：活动CSS选择器

示例使按钮具有“单击”效果：

.myButtonClass:active {
   position:relative;
   top:1px;
}

按钮状态在单击后变为活动状态。所以你可以像这样使用它

.button1:active {
    color:#a2a2a2;
}

---

您可以使用css选择器：active

button:active {
  background: red;
}

签出此小提琴：

使用：活动

这将应用CSS，直到鼠标按钮按下，一旦按下，就将其移除

a:active{ //Your css for active state }

使用：焦点

一旦按下鼠标按钮，这将应用CSS，样式将保留在那里，直到用户单击/聚焦其他内容

a:focus{ //Your css for focus state }

---

就在按钮按下的时候？或者你想让它保持不变吗？：我需要的是激活。抱歉这么愚蠢…该睡觉了..不是伪选择器，它们有“：：：”like：：after。这只是一个常规选择器，我是说伪类

.button1:active {
    color:#a2a2a2;
}

button:active {
  background: red;
}

a:active{ //Your css for active state }

a:focus{ //Your css for focus state }