造型Firefox扩展按钮

问题描述：

所以我建立一个定制的Firefox扩展和我的步骤，其中工具栏显示出来，我把在按钮等与CSS造型Firefox扩展按钮

如果你看一下资讯提供ly的按钮（资讯提供ly是一个Firefox扩展），有可能使它看起来像一个合法的可点击按钮扩展的按钮后面这个漂亮的矩形背景：http://imageshack.us/photo/my-images/196/feedly.png/

而默认的扩展按钮有它背后没有背景....

你如何设计一个自定义的扩展按钮，使其具有按钮b就像喂食按钮一样？

答

的<toolbarbutton>元素具有image属性，允许您指定图像：

<toolbarbutton image="chrome://.../icon.png" label="My button"/>

然而，通常要使用list-style-image属性设置从CSS图像。例如，如果您的XUL代码如下所示：

<toolbarbutton id="myButton" label="My button"/>

您将有以下的CSS代码：

#myButton 
{ 
    list-style-image: url("chrome://.../icon.png"); 
}