如何将徽标、按钮图像和按钮菜单添加到 Firefox 工具栏

Posted 2023-03-07

【中文标题】如何将徽标、按钮图像和按钮菜单添加到 Firefox 工具栏

【英文标题】：How to add Logo, button image and button menu to Firefox toolbar

【发布时间】：2012-03-04 23:58:14

【问题描述】：

我正在使用 XUL 编写我的 firefox 工具栏。我使用那个 xul 代码来做简单的标签按钮：

<?xml version="1.0"?>
<overlay id="Sample"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"><script type="application/x-javascript" src="chrome://sample/content/sample.js" />
<toolbox id="toolbox">
   <toolbar id="Sample" toolbarname="Sample" >
       <label value="Lable Button "/>
   </toolbar>
</toolbox>
</overlay>

我的问题是如何添加徽标图像、图像按钮和按钮菜单...以及如何添加子菜单。请有人提交一个快速的代码示例，这样我会更好地理解。

【参考方案1】：

你所拥有的不是一个按钮 - 它是一个static label。

要添加徽标，请使用 image tag（参见文档中的示例）。

要添加图像按钮，请使用toolbarbutton tag（参见文档中的示例）。

要添加子菜单，请使用toolbarbutton tag with type="menu" 并在其中放置menupopup 标签（同样，文档中有一个示例）。

注意：您可以使用src 属性为image 元素指定图像源，并使用image 属性为toolbarbutton 元素指定图像源。但是，最好在 CSS 中设置图像，您可以使用list-style-image property：

#myToolbarButton

  list-style-image: url(chrome://myextension/skin/toolbar.png);