我一直在尝试更改 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 检查器窗口中的任何位置都没有看到它的属性。我在哪里可以找到它以便我知道要修改什么?
最佳答案
使用相同的类标记按钮,例如“orangeToBlack”,然后使用 CSS:
.orangeToBlack {
background-color: orange;
}
.orangeToBlack:hover {
background-color: black;
}
关于javascript - 更改类属性而不强制其保持这种状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30339446/