Ryo様

返信遅くなり申し訳ありません。
追試ありがとうございました。

userchromeを該当部分だけにしたり、新規プロファイルで試したりしてみましたが、当方ではファビコンが固定されてしまうという現象が治りません。

もう少し色々試してみます。

当方の環境 ､Firefox 99.0.1 　 macOS Monterey 12.3.1（21E258）で
userChrome.css に 質問の有ったコードのみを登録して確認したところ
所望の動作と思われる､TabへのマウスオーバーによるFaviconがClose buttonへ切り替わる動作は
機能しました｡

機能しないと言うのは､ userChrome.css に登録している 他のコードとのバッティングなどや アドオンなどの影響でしょうか?

申し訳有りませんが､ 自分も userChrome.css には詳しくはないので 具体的なアドバイスは出来ません｡

ちなみに､ 直近で新デザインに移行したのは Firefox 89 での「Proton」デザインだと思うのですが､ Firefox 98 にて 微妙な調整が入ったのかは分かりません｡

Firefox 99.0 を macOS 10.13.6 で使っています。

macOSのウインドウのクローズボタンは左上にありそれに慣れているので、タブのクローズボタンを左に置きたくて、 userChrome.css に以下の記述をしました。
スクリプトの文法は全く理解しておらず他所からのコピペですが、通常はファビコンとタイトルが表示され、マウスを持ってくるとファビコンが消えてクローズボタンが左にあらわれるという動作がうまく動いていました。

Firefox 98から（タブの表示が変わってから？）だと思いますが、マウスを持って行ってもファビコンが消えず、その右にクローズボタンが出るような動作に変わってしまいました。

仕様が変更になったのでしょうか。以前と同じように動作するにはどのように書き直したらよいでしょうか？
ご教示いただければ幸いです。

-------------------

/* tab-content順序入れ替え */
.tab-close-button{
-moz-box-ordinal-group: 1 !important;
}
.tab-icon-image{
-moz-box-ordinal-group: 2 !important;
}
.tab-label-container{
-moz-box-ordinal-group: 3 !important;
}
.tab-throbber:not([pinned]),
.tab-sharing-icon-overlay:not([pinned]){
-moz-box-ordinal-group: 2!important;
}


/* hide close button initially */
.tabbrowser-tab .tab-close-button {
display: none !important;
}

/* show close + hide throbber & favicon on hover */
.tabbrowser-tab:hover .tab-close-button {
display: block !important;
}

.tabbrowser-tab:hover .tab-icon-image {
display: none !important;
}

.tabbrowser-tab:hover .tab-throbber {
display: none !important;
}

-----------------------------------------