次のコードを使用して、パネルをツールバーボタンに接続しています。
<toolbarpalette id="BrowserToolbarPalette">
<toolbarbutton id="test-toolbar-button"
label="test"
class="toolbarbutton-1 chromeclass-toolbar-additional"
tooltiptext="test"
type="panel"
>
<panel class="test-panel" id="test-panel" position="after_end" onpopupshown="" width="643px" >
<iframe id="test-panel-iframe" src ="chrome://url.html"
style="height:568px;width:343px;border:none;padding-left:3px;background-color:white;" >
</iframe>
</panel>
</toolbarbutton>
ドキュメントに従って、Firefoxツールバーボタンの2つのアイコン(16x16と24x24)を指定する必要があります
これはCSSが使用しているものです。
#test-toolbar-button {
list-style-image: url("chrome://test-24.png");
-moz-image-region: rect(0px 24px 24px 0px);
}
#test-button:hover {
}
#test-toolbar-button[disabled="true"] {
-moz-image-region: rect(0px 48px 24px 24px);
}
toolbar[iconsize="small"] #test-toolbar-button
{
list-style-image: url("chrome://test-16.png");
-moz-image-region: rect(0px 16px 16px 0px);
}
ただし、ツールバーボタンにパネルが接続されていることを示す下向き矢印があり、ツールバー全体をねじ込むことにより、ツールバーの高さが高くなります。
サンプルのスクリーンショットが添付されています。
http://postimage.org/image/sqwtwbfip/
誰かがこれから私を助けることができますか?