Firefox v96.0.1 URLバー ( アドレスバー ) ／ 検索バー の横幅を変更する userChrome.css

商品リンクをクリックし通販サイトへ飛ぶ物は 「 広告 」のリンクです。
記事の執筆に AI な類は使用しておりません。

【 目次 】

はじめに
userChrome.css へ追加
userChrome.css をダウンロード、設置方法
おまけ 閉じるボタンを消す
おすすめリンク／関連記事

はじめに

Firefox にて URLバー ( アドレスバー ) ／ 検索バー の横幅を
変更したい場合があります。

userChrome.css を書き換えての方法をメモ。
Firefox Portable v96.0.1 にて確認。

【 目次へ戻る 】

userChrome.css へ追加

以下のテキストを userChrome.css へ追加するだけで
URLバー ( アドレスバー ) ／ 検索バー の横幅を変更可能です。
必要な部分だけ追加してください。

適用後 ( 色は見やすい色に変更してあります )



@charset "UTF-8";

/* URLバー サイズ変更 ( 最低 230 / 最高 500 ) */
#urlbar, #urlbar-container {
min-width: 230px !important;
max-width: 500px !important;
}

/* 検索バー サイズ変更 ( 最低 100 / 最高 300 ) */
#searchbar, #searchbar-container {
min-width: 100px !important;
max-width: 300px !important;
}

/* URLバー 検索バー 色変更 ( c0c0c0 背景を灰色 / 000001 文字色を黒 )*/
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {
background-color: #c0c0c0 !important;
color: #000001 !important;
}

【 目次へ戻る 】

userChrome.css をダウンロード、設置方法

userChrome.css の作り方がわからない人向けにファイルを置いておきます。
内容は userChrome.css へ追加 と同じ。

ダウンロード
FireFox_v9601_urlbar_searchbar_css v1.01.zip ( 2022/01/18 )
MD5：9E516E0D10631FB073B3732C661E5217

ダウンロードしたら Firefox をすべて終了させ
私の以下の記事を参考にしまして
userChrome.css を読み込む設定を有効に。

about:config より、これを true に
toolkit.legacyUserProfileCustomizations.stylesheets

CSS を使用する下準備

同じく以下の記事を参考にしまして指定箇所にコピー
CSS を指定場所にコピー

Firefox を起動すれば適用されている。

反映されているかは、 userChrome.css の一番下にある色変更を残しておき
実行してバーが灰色、文字色が黒なら適用されています。
( 色は任意に変更可能です、色の取得は カラーピッカー で Google 検索 )

【 目次へ戻る 】

おまけ 閉じるボタンを消す

Firefox を癖でつい閉じてしまうの場合
右上の閉じるボタンを表示しなければいいであり ( 物理で解決 笑 )
userChrome.css へ以下の文字列を追加で消せます。

この設定をした場合は、
ALT＋F4 キー同時押しで Firefox を終了するになります。

/* 閉じるボタンを非表示 */
.titlebar-close {
visibility: hidden !important;
}

userChrome.css へ書き込んで保存し Firefox を再起動でＯＫ。
Firefox Portable v96.0.1 にて動作確認。

-----

とまあ、こんな感じで
Firefox の URLバー ( アドレスバー ) ／ 検索バー の横幅を変更するでした。

通常は必要ありませんが
Firefox を２つ起動するなどで、バーがデフォルトだと
アドオンが見えなくなり、何個か表示したいの場合に使用を想定しています。

それでは、皆様の Firefox が快適になりますようにと
お願いいたしまして、これにて終了。

以上。

おすすめリンク

・Amazon / 楽天市場 / Yahoo! でお買い物をする。

関連リンク

・Firefox v89.0／v91.0 にて変更されたデザイン／タブが丸くなるを元に戻す。
・Firefox v89.0 で変化したスクロールバーの色の変更方法 ( 背景色／バー自体 )
・秀丸エディタでブログを書き Firefox で内容を確認するマクロと設定 ( 同じ位置に表示 )
・Firefox Vivaldi Chrome 現在のウィンドウに保存したタブを復元
　日本語訳と使用方法
・【2021年版】 同じバージョンの Firefox Portable を別名で起動する方法 v84.0.2～
・Firefox Vivaldi Chrome ブックマークをHTMLで書き Dropbox / Googleドライブで共有
・Win10 FirefoxでVPN接続時のみ速度が劇遅／通信が詰まる の解決方法
・Firefox v83.0 アドレスバーが拡大したのを元に戻す
・MouseGestureL.ahk Shift＋ホイールでタブ自体を移動 Firefox Vivaldi
・Firefox Chrome Vivaldi ファイル保存ダイアログの保存ボタンをホイール上下で押す
・Firefox タブで開いた画像を簡単保存 日本語訳／使い方 tab image saver
・Firefox v77.0.1 アドレスバーが拡大したのを元に戻す
・Firefox v75.0 アドレスバーが拡大したのを元に戻す
・【2022～2023年版】 Firefox と Waterfox に入れた便利なアドオン
・Firefoxで新しいタブを任意のページで開く ( MouseGestureL.ahk 使用 )
・Firefox 新規タブや読み込み中の背景色をまぶしくない色に変更
・Vivaldi v3.3.2022.39 プライベートウィンドウのテーマを元に戻す ( 使っていたテーマに )
・広告ブロック uBlock Origin で特定の部分／邪魔な表示を消す
　Firefox Chrome Vivaldi Edge
・【設定】NordVPN Proxy SwitchyOmega
　アドオン使用で接続 Firefox Chrome Opera
・Firefox 画像を表示しないアドオンでブラウジングすると
　文字のみに集中し思考力ＵＰ
・Firefox で画像の表示をON／OFFできるBlock Image|Video
　ページの再読み込み不要
・Firefox テーマ ( 外見 ) を変更するアドオン
　「 Firefox Color 」( URL・検索蘭の色も変更可 )
・Firefox stylish (Stylus) アドオンで
　まぶしい背景色を暗く(灰色)にするCSS その2
・Stylish (stylus) アドオン使用
　cssで検索した文字をハイライト Google Yahoo baidu
・【設定】NordVPN Chrome Opera Firefox を使用しプロキシ経由で接続。
・Firefox Portable 動作軽快／日本語化／シークレット・キャッシュ設定など。
・Firefox v92.0 Firefox Color アドオン環境でURLバー、検索バーの枠が表示されない
・Google / Yahoo の検索結果に除外ワードを付加して素早く再検索 Firefox / Edge / Chrome / Vivaldi
・Firefox ツールバーのアイコンから検索サイトを簡単に切り替えるアドオン Classical Search Bar
・Firefox v91～ HTTPサイトでダウンロード元ファイルが読み取れないの改善
・Firefox / Edge / Chrome ブックマークから指定のアプリを開く ( URIスキーム機能 )
・Firefox v98.0 ファイルをダウンロードすると
　アイコンが展開するを止める ( ダウンロードパネル )
・Firefox v98.0 タブを切り替え／F5キーを押した直後に
　OS を巻き込んでフリーズの改善
・Clipboard History でブラウザの検索文字に素早く除外文字を挿入する
　Firefox Chrome Edge Vivaldi
・Firefox v105 ツイッターなどのページでスクロールが引っかかるを改善
・Firefox 装飾キーとマウスホイール回転の動作を変更 ( Alt / Ctrl / Shift / Win キー )