在编写Firefox Web扩展时，可以使用默认的css进行浏览器或页面操作，以便像其他浏览器UI组件一样进行样式设置。它是通过插入来完成的：
"browser_style": true
在扩展程序清单中。像panel-section-footer-button这样的样式可用。
我的问题：你怎么知道如何使用默认样式，它们似乎不是官方来源或描述？
相关：
内置资源chrome://browser/content/extension.css中的css。
Mozilla网站上的这个popup example，它使用了一些默认样式..
答案 0 :(得分：5)
使用"browser_style": true结果chrome://browser/content/extension.css文件being applied to your HTML（on OSX chrome://browser/content/extension-mac.css代替）。
Mozilla有一个Style Guide，你可以仔细阅读，看看如何使用各种元素和类。此样式指南的链接位于browser_style entry within the "Syntax" section of the browser_action documentation page。类似的链接位于page_action MDN documentation page的相同位置。就个人而言，我觉得更适合将样式指南中包含的信息直接托管在MDN而不是firefoxux.github.io上。
如果您只对元素和类感兴趣，可以在Components section下找到示例。
注意：在some conditions下，Firefox也attempts to apply chrome://browser/content/extension-win-panel.css或chrome://browser/content/extension-mac-panel.css都不存在。