javascript - 保持风格固定输入直到改变

Question

我现在有这段代码(从之前的问题开始):

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

但问题是，当我单击屏幕上的其他任何地方时，背景颜色会恢复正常。我怎样才能让它留下来，只有在我点击另一个按钮时才会改变？ 还有一个问题，我怎样才能让一个特定的颜色在页面加载时默认为一种颜色？ 目前所有的颜色都是黑色背景，直到你点击一个，它变成黄色，然后点击页面上的任何其他地方，把那个变回黑色

请只使用纯 JS 解决方案

Answer 1

如果你想改变背景，直到它被另一个按钮再次改变，使用 JS 来改变 input背景而不仅仅是改变焦点。添加事件监听器或直接从 HTML 中执行此操作，例如:

<input type="submit" onclick="this.style.background='yellow';" />

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