Pergunta

Eu estou escrevendo uma extensão do Firefox que exibe um StatusBarPanel contendo algum texto. Eu quero mudar a cor dos meus StatusBarPanel dependendo da mensagem de fundo. por exemplo. fundo vermelho para erros.

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

Todo o código acima funciona, exceto para a última linha, o que provoca nenhuma mudança. O valor real da propriedade muda, mas o StatusBarPanel ainda mostra a cor da barra de status padrão. Eu também tentei background vez de backgroundColor mas isso não ajuda.

Foi útil?

Solução

Como a solução anterior, mas usando apenas javascript:

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

Note que, depois que você fizer isso você vai praticamente tem que estilo a partir do zero novamente e provavelmente também perdê-lo de estilo OS específico.

Outras dicas

Tente definir o -moz-appearance propriedade CSS para 'none' ou 'none !important'

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top