概要
これまで Tab Mix Plus を利用してクローズボタンを表示させていたのだが、最新の Firefox ではサポートされなくなった為、ある一定のタブを開くとクローズボタンが見えなくなってしまった。
[Firefox] タブのマウスオーバー時にクローズボタンを表示する方法
設定
userChrome.cssにスタイルを定義するだけで表示可能になる。
userChrome.css を使えるようにする
about:configを開くtoolkit.legacyUserProfileCustomizations.stylesheets
真偽値をtrueに変更する
userChrome.css を作成する
プロファイルフォルダ内にuserChrome.cssがなければ作成する必要がある。
(以下は macOS でのファイルパス)
/Users/hiro/Library/Application Support/Firefox/Profiles/xxxx.default/chrome/userChrome.css
プロファイルフォルダは、トラブルシューティング情報の「プロファイルフォルダー」から開くことができる。
- Firefox のヘルプメニュー
- トラブルシューティング情報
- プロファイルフォルダー
プロファイルフォルダーの直下にchromeフォルダがなければ作成し、さらにuserChrome.cssを作成する。
Windows/macOS ともに同じ方法で良い。
追加するスタイル
下記のスタイルをuserChrome.cssへ追加する。
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
display: block !important;
}
これを追加することで「タブをマウスオーバー時にクローズボタンを表示」する事ができる。
Firefox を再起動して反映する。