更改活动输入选择器的背景颜色

Question

我运行此代码的原因，

{{1}}

当我点击所需的按钮时，它只闪烁绿色一瞬间，然后返回原始颜色？如何让它永久保持绿色？

Answer 1

input[type=submit]:focus {
    background-color: green;
}

试试这个

Answer 2

您还需要使用:focus选择器。

然后将背景颜色添加到输入中，因为它是聚焦元素。

input[type=submit]:active, input[type=submit]:focus {
  background-color: green;
}

<input type="submit" />