如何在Firefox的web扩展中创建具有本机外观的弹出窗口?

如何在Firefox的web扩展中创建具有本机外观的弹出窗口?,firefox,firefox-addon,firefox-addon-webextensions,Firefox,Firefox Addon,Firefox Addon Webextensions,我希望在Firefox web扩展中有一个本机外观的弹出窗口(菜单)。例如: 我现在有什么 不相关的部分省略 manifest.json: "browser_action": { "browser_style": true, // injects chrome://browser/content/extension.css "default_popup": "popup.html" } popup.html: <div class="panel"> <d

我希望在Firefox web扩展中有一个本机外观的弹出窗口(菜单)。例如:


我现在有什么 不相关的部分省略

manifest.json:

"browser_action": {
  "browser_style": true,  // injects chrome://browser/content/extension.css
  "default_popup": "popup.html"
}
popup.html:

<div class="panel">
    <div class="panel-list">
        <div class="panel-list-item">
            Item 1
        </div>
        <div class="panel-list-item">
            Item 2
        </div>
        <div class="panel-list-item-separator"></div>
        <div class="panel-list-item">
            Item 3
        </div>
    </div>
</div>

项目1
项目2
项目3
这看起来像是本机菜单,但并不完美:菜单项悬停状态有一个边框,我不知道创建带有图标的菜单项需要什么html和类名

问题: 如何在不编写自己的CSS的情况下获得上面示例图像的结果?

请查看此处的文件