造型Firefox擴展按鈕

Question

所以我建立一個定製的Firefox擴展和我的步驟，其中工具欄顯示出來，我把在按鈕等與CSS

如果你看一下資訊提供ly的按鈕（資訊提供ly是一個Firefox擴展），有可能使它看起來像一個合法的可點擊按鈕擴展的按鈕後面這個漂亮的矩形背景：http://imageshack.us/photo/my-images/196/feedly.png/

而默認的擴展按鈕有它背後沒有背景....

你如何設計一個自定義的擴展按鈕，使其具有按鈕b就像餵食按鈕一樣？

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

更多信息：https://developer.mozilla.org/en/XUL_Tutorial/Adding_Labels_and_Images