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

Question

我正在使用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> 

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

Answer 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); 
}