Come modificare il colore di sfondo del pannello della barra di stato nell'estensione firefox

Question

Sto scrivendo un'estensione firefox che mostra un pannello di stato contenente del testo. Voglio cambiare il colore di sfondo del mio pannello di stato a seconda del messaggio. per esempio. sfondo rosso per errori.

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

Tutto il codice sopra riportato funziona ad eccezione dell'ultima riga, che non provoca alcuna modifica. Il valore effettivo della proprietà cambia, ma il pannello della barra di stato mostra ancora il colore predefinito della barra di stato. Ho anche provato background invece di backgroundColor ma questo non aiuta.

Answer 1

Come la soluzione precedente ma usando solo javascript:

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

Nota che dopo averlo fatto dovrai praticamente ridisegnarlo da zero e probabilmente perderà anche il suo stile specifico del sistema operativo.

Answer 2

Prova a impostare la -moz-aspect proprietà CSS su < code> 'none' o 'none! important'