javascript - 更改类属性而不强制其保持这种状态

Question

我一直在尝试更改 stackoverflow 上这些按钮的背景颜色:

如果我在 Firefox 的检查器中编辑背景属性，一切都会按预期运行:

但是，一旦我运行greasemonkey脚本来更改它，我就会遇到问题。就像我的脚本永久卡住了按钮的背景:

var tags = document.getElementById("nav-tags");
tags.style.background = "#1D3239 none repeat scroll 0% 0%"

我看过的每一篇 stackexchange 帖子以及我通过 Google 搜索找到的每一篇文章都说更改 CSS 类的属性的方法是通过 object.style 设置它，但因为我遇到了这种行为背景卡住并且永远不会改变，只有标签按钮发生变化，其他都没有改变，这让我相信设置样式的背景实际上只是改变(和卡住)元素的背景而不是类的背景。

如何更改类的背景(而不仅仅是那个元素)而不让它永久卡住更改(我希望橙色突出显示仍然发生)？即使按钮有类，我知道访问它们的唯一方法是通过 document.getElementsByClassName() ，它将返回元素而不是类。我不知道如何直接通过 JavaScript 编辑类。

此外，关于橙色突出显示的主题，我在 Firefox 检查器窗口中的任何位置都没有看到它的属性。我在哪里可以找到它以便我知道要修改什么？

Answer 1

使用相同的类标记按钮，例如“orangeToBlack”，然后使用 CSS:

.orangeToBlack {
background-color: orange;
}

.orangeToBlack:hover {
background-color: black;
}