firefox - 如何注入(inject)位于/皮肤上的CSS？

Question

我想在浏览器页面中注入(inject)位于皮肤文件夹中的 css 文件。

它位于chrome://orkutmanager/skin/om.css，手动访问可以正确显示文件内容。

我已经tried this ，但它不起作用......我错过了什么，或者这是不可能的？

Answer 1

您还可以使用nsIStyleSheetService :

loadCSS: function() {
     var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"]
                .getService(Components.interfaces.nsIStyleSheetService);
     var ios = Components.classes["@mozilla.org/network/io-service;1"]
                .getService(Components.interfaces.nsIIOService);
     var uri = ios.newURI("chrome://addon/skin/style.css", null, null);

     if(!sss.sheetRegistered(uri, sss.USER_SHEET))
         sss.loadAndRegisterSheet(uri, sss.USER_SHEET);
}

如果您使用USER_SHEET，则网站自己的CSS规则的优先级高于您的。使用 AGENT_SHEET，您的 CSS 应该具有更高的优先级。
无论如何，我需要使用 hte !important 关键字来强制执行一些规则。