2019/11/05忘却禄です。環境準備userChrome.cssの作成Firefoxのプロファイルのパスへ移動するFirefoxのURLバーに「about:profiles」を入力して、「プロファイルについて」ページを表示するルートディレクトリーのフォルダを開くルートディレクトリーのフォルダにchromeフォルダを作成するchromeフォルダ内にuserChrome.cssファイルを作成する下記の「userChrome.cssの動作確認」を参考に動作確認するWindows10でのuserChrome.cssの配置例C:\Users\{ユーザー名}\AppData\Roaming\Mozilla\Firefox\Profiles\{プロファイル名}\chrome\userChrome.css※Firefox69+から標準で、userChrome.cssが使用できなくなります。利用している場合、対応は不要です。about:configで明示的に設定する必要があります。toolkit.legacyUserProfileCustomizations.stylesheetsをtrueとする。以下のコードをuserChrome.cssに記述して保存する。その後、Firefoxを再起動し、下記の参考画像のようにFirefoxのUIの文字を赤色で表示すれば成功です。元に戻す場合、userChrome.cssに追加したコード削除して保存し、Firefoxを再起動すれば元に戻ります。red;}userChrome.cssの文字コードuserChrome.cssは、UTF-8で保存しましょう。userChrome.cssに以下の記述を追加しましょう。"UTF-8";上記の設定を行わない場合、CSS内で全角文字を使用した場合、意図した動作とならない可能性があります。以降で使用するプロパティ抜粋ブラウザーツールボックス(開発ツール)ブラウザツールボックスを使用することで、開発ツールでWebページを確認する感覚でFirefoxのUIのDOMを確認できます。10;}-moz-box-ordinal-groupは、通常1が指定されている。0を指定することで、他のメニューより上部に移動する。2以上を指定することで他のメニューより下部に移動する。移動するメニューの直後に拡張機能で追加したメニューがある場合、意図しない動作となる可能性があるようです。拡張機能のメニューの-moz-box-ordinal-group値を変更することで回避できることもあるようです。各メニューに対して-moz-box-ordinal-groupを設定することでメニュー全体を任意の順序に並び替えることが可能です。