javascript - 如何在 Firefox 扩展中更改状态栏面板背景颜色

Question

我正在编写一个 Firefox 扩展，它显示一个包含一些文本的状态栏面板。我想根据消息更改状态栏面板的背景颜色。例如错误的红色背景。

var pnl = document.getElementById("panelId");
pnl.label = "确定";
pnl.style.color = "白色";
pnl.style.backgroundColor = "绿色";

除了最后一行之外，上述所有代码都有效，这不会导致任何变化。属性的实际值发生变化，但状态栏面板仍显示默认状态栏颜色。我也尝试过background，backgroundColor但没有帮助。

Answer 1

尝试将-moz-appearance CSS 属性设置为'none'或'none !important'

Answer 2

像以前的解决方案一样，但只使用 javascript ：

var pnl = document.getElementById("panelId");
pnl.label = "OK";
pnl.style.color = "white";
pnl.style.backgroundColor = "green";
pnl.style.MozAppearance = "none"

请注意，执行此操作后，您几乎必须再次从头开始对其进行样式设置，并且它可能还会失去其操作系统特定的样式。