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

【问题标题】：How to change statusbarpanel background color in firefox extension如何在 Firefox 扩展中更改状态栏面板背景颜色
【发布时间】：2009-08-03 04:59:57
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript css firefox-addon xul stylesheet

【解决方案1】：

与之前的解决方案类似，但仅使用 javascript：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

什么是“那个”，它不起作用？你可能没做对。