Javascript 保持样式固定到输入，直到更改

我现在有这个代码（根据前面的问题）：

然而，问题是，当我点击屏幕上的任何其他地方时，背景颜色会恢复正常。如果我点击另一个按钮，我怎样才能让它保持不变并改变？ 还有一个问题，当页面加载时，如何使一个特定的颜色默认为一种颜色？ 现在所有的颜色都是黑色背景，直到你点击其中一个，它就会变成黄色，然后点击页面上的其他任何地方，它就会变成黑色

---

仅限纯JS解决方案请

如果您想更改背景，直到另一个按钮再次更改背景，请使用JS更改

输入

背景，而不只是更改焦点。添加事件侦听器或从HTML中直接执行，如：

---

然后对其他要更改颜色的元素执行类似操作。这样，颜色更改将一直保持到另一个按钮更改为止。

在您的情况下，您有一个

css

代码，当按钮聚焦时，该代码会更改按钮的背景。要创建按钮的默认背景，应删除

：focus

选择器

input[type=submit]{
背景颜色：蓝色；
/*页面加载后，所有按钮均为蓝色*/
大纲：无；
}
输入[类型=提交]：焦点{
背景颜色：黄色；
}

这里有一个直截了当的jquery解决方案：

$（“输入”）
.on（'单击'，函数（））{
$（'input'）.css（'background'，''）//重置颜色
$（this.css（'background'，'yellow'）//设置颜色
})

input[type=submit]{
背景色：继承；
大纲：无；
}

我本以为如此，但我已经把

onClick={this.gettodayscommissions}

绑在这里了。我不能向onClick写入两次，可以吗？可以通过将它们都包含在同一个onClick事件中来实现，比如onClick='{this.gettodayscommissions}；这个.style.background='yellow'；“那会是什么样子呢？只是编辑了评论，加入了一种方法，从

input[type=submit]:focus {
  background-color: yellow;
  outline: none;
}