Como uma extensão do Firefox injeta um arquivo css local em uma página da web?
Estou escrevendo uma extensão do Firefox que precisa injetar um arquivo css em páginas da web. O arquivo css é fornecido com a extensão, para que eu possa acessá-lo usando uma URL do chrome
chrome://extensionid/content/skin/style.css
Estou tentando injetar css assim quando a página é carregada:
var fileref = document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", "chrome://extensionid/content/skin/style.css");
document.getElementsByTagName("head")[0].appendChild(fileref);
No entanto, o css não está carregado e o Firebug mostra a mensagem 'URL cromado filtrado' em vez do conteúdo do arquivo, quando inspeciono olink
elemento que eu criei. Se eu tentar carregar esse arquivo css de um servidor externo, está tudo bem.
Existe uma maneira de carregar um arquivo css fornecido com a extensão?