08/02/27 22:57:00 PahBC41l0
>>738
#PersonalToolbar .toolbarbutton-1 {
list-style-image: url("chrome://browser/skin/Toolbar-small.png") !important;
margin: 0 !important;
min-width: 0 !important;
padding: 2px 3px !important;
}
/* print button */
#PersonalToolbar #print-button .toolbarbutton-icon {
padding-left: 1px !important;
}
#PersonalToolbar #print-button {
-moz-image-region: rect(0px 144px 16px 128px) !important;
}
#PersonalToolbar #print-button:not([disabled="true"]):hover {
-moz-image-region: rect(16px 144px 32px 128px) !important;
}
#PersonalToolbar #print-button[disabled="true"] {
-moz-image-region: rect(32px 144px 48px 128px) !important;
}
#PersonalToolbar #print-button:not([disabled="true"]):hover:active {
-moz-image-region: rect(64px 144px 80px 128px) !important;
}
とりあえずプリントボタンの例。#print-buttonのところに適用したいボタンのIDを調べて入れればよい。
もちろんそれに合わせてイメージも変える。デフォルトのボタンの場合、上のようにホバーとかアクティヴ
の指定があるので長ったらしいけど、アドオンのものだともっと簡単なんじゃないかと思う。