Firefox
Firefox 9 タブにマウスオーバーで閉じるボタンを表示する方法
Firefox 9 、各タブにマウスオーバーした時にだけ、「タブを閉じる」ボタンを表示する方法。
[タブを閉じるボタンを非表示] [マウスオーバーしたらタブを閉じるボタンを表示]
ユーザースタイルシート(userChrome.css)で以下を記述する。
もし、「ピン留め」したタブにも同じようにマウスオーバーで閉じるボタンを表示したい、という場合は、以下のほうのスタイルを利用すれば、OK。
[ピン留めしたタブ] にも [マウスオーバーで閉じるボタンを表示する]
ユーザースタイルシート(userChrome.css)で以下を記述する。
/* ::::: Firefox 9 タブマウスオーバーで閉じるボタンを表示 ::::: */
.tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
display: none !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
display: -moz-box !important;
}
.tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
display: none !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
display: -moz-box !important;
}
もし、「ピン留め」したタブにも同じようにマウスオーバーで閉じるボタンを表示したい、という場合は、以下のほうのスタイルを利用すれば、OK。
[ピン留めしたタブ] にも [マウスオーバーで閉じるボタンを表示する]
/* ::::: Firefox 9 タブマウスオーバーで閉じるボタンを表示（ピン留め対応） ::::: */
.tabbrowser-tab:not(:hover) .tab-close-button {
display: none !important;
}
.tabbrowser-tab:hover .tab-close-button {
display: -moz-box !important;
}
.tabbrowser-tab:not(:hover) .tab-close-button {
display: none !important;
}
.tabbrowser-tab:hover .tab-close-button {
display: -moz-box !important;
}
2012.
01.
09
