工具欄按鈕類似於後退/前進按鈕的Firefox - xul

Question

我正在開發一個Firefox插件。我需要創建兩個按鈕，它們看起來像後退和前進按鈕一樣操作。但不同的是我需要把自己的圖標放在裏面。我完全空白。任何方向將會非常有幫助。

[編輯] 我要求創建兩個按鈕在後臺/前進按鈕的外觀和感覺（雖然有兩個按鈕，它看起來像一個）在Windows環境的最新Firefox。

謝謝。

Answer 1

將您自己的圖像添加到工具欄按鈕非常簡單。閱讀這些鏈接，你會得到你的答案&不要忘記將你的圖片鏈接到CSS文件中的按鈕。

https://developer.mozilla.org/en/XUL_School/Adding_Toolbars_and_Toolbar_Buttons

https://developer.mozilla.org/en/XUL_Tutorial/Toolbars

https://developer.mozilla.org/en/CSS/-moz-border-image

https://developer.mozilla.org/en/custom_toolbar_button

https://developer.mozilla.org/en/XUL/Toolbars/Creating_toolbar_buttons

例如：

<window id="main-window"> 
    <toolbox id="navigator-toolbox"> 
    <toolbar id="xulschoolhello-toolbar" toolbarname="&xulschoolhello.toolbarName.label;" 
     accesskey="&xulschoolhello.toolbar.accesskey;" 
     customizable="true" mode="icons" context="toolbar-context-menu" 
     defaultset="xulschoolhello-hello-world-button" 
     insertbefore="PersonalToolbar" /> 
    </toolbox> 
</window> 

CSS文件：

//LInk you image here// 
    toolbarbutton.xulschoolhello-toolbarbutton, 
    window:not([active="true"]) toolbarbutton.xulschoolhello-toolbarbutton, 
    toolbar[iconsize="small"] toolbarbutton.xulschoolhello-toolbarbutton { 
     list-style-image: url("chrome://xulschoolhello-os/skin/toolbar.png"); 
    }