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