Cómo cambiar el color de fondo del panel de la barra de estado en la extensión de Firefox

Question

Estoy escribiendo una extensión de Firefox que muestra un panel de barra de estado que contiene algo de texto. Quiero cambiar el color de fondo de mi panel de barra de estado según el mensaje. p.ej. fondo rojo para errores.

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

Todo el código anterior funciona, excepto la última línea, que no causa ningún cambio. El valor real de la propiedad cambia, pero el panel de barra de estado aún muestra el color predeterminado de la barra de estado. También probé background en lugar de backgroundColor pero eso no ayuda.

Answer 1

Como la solución anterior pero solo usando javascript:

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

Tenga en cuenta que después de hacer esto, tendrá que volver a diseñarlo desde cero y probablemente también perderá su estilo específico del sistema operativo.

Answer 2

Intente configurar la -moz-apariencia propiedad CSS en < code> 'none' o 'none! important'