Question

所以我正在构建一个自定义的firefox扩展，我到了工具栏显示的步骤，我用css放入按钮等

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

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

如何设置自定义扩展按钮的样式，使其具有像按钮一样的按钮式背景？

Answer 1

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