添加到 Firefox 的样式表的动态生成？答案

【问题标题】：Dynamic generation of stylesheets added to Firefox?添加到 Firefox 的样式表的动态生成？
【发布时间】：2011-07-24 14:01:58
【问题描述】：

可以在 Firefox 中使用nsIStyleSheetService 来加载和注册样式表，其应用方式与userstyle.css 类似；它们适用于加载的每个页面。但是，此服务采用 sheetURI，这是一个指向要作为样式表包含的静态文件的 URI。

有没有一种方法可以让我在 Javascript 中即时生成这个样式表？或者是否会有另一个接口允许我注册一个 JS 回调来输出所需的样式表以应用，而不是表单 URI？

【问题讨论】：

【解决方案1】：

在 JS 中生成 CSS，然后对其进行 base64 编码并添加 data:text/css;base64,
然后，将其用作 URI。

例如：body{background:red;}
变为：data:text/css;base64,Ym9keXtiYWNrZ3JvdW5kOnJlZDt9

【讨论】：