Firefox v96.0.1 URLバー ( アドレスバー ) / 検索バー の横幅を変更する userChrome.css
記事の執筆に AI な類は使用しておりません。
はじめに
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 を再起動でOK。
Firefox Portable v96.0.1 にて動作確認。
-----
とまあ、こんな感じで
Firefox の URLバー ( アドレスバー ) / 検索バー の横幅を変更するでした。
通常は必要ありませんが
Firefox を2つ起動するなどで、バーがデフォルトだと
アドオンが見えなくなり、何個か表示したいの場合に使用を想定しています。
それでは、皆様の Firefox が快適になりますようにと
お願いいたしまして、これにて終了。
以上。
おすすめリンク
・Amazon関連リンク
・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 画像を表示しないアドオンでブラウジングすると
文字のみに集中し思考力UP
・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 キー )
- 関連記事
-
- 2023/09 Vivaldi v6.2 で設定した事のまとめ/余分な機能の停止など (2023/09/08)
- タイッツーの背景色を灰色 ( グレー ) にし文字を大きくする CSS / Stylusアドオン使用 (2023/08/05)
- パソコン/タイッツーで開いた画像のタブを MouseGestureL.ahk で閉じる (マウスジェスチャー) (2023/08/03)
- Firefox 終了時にブックマークをファイル出力/Twitter フォロワーを一気にタブで開く (2023/07/06)
- 2023/03 パソコン版ツイッターで検索やトレンドが 「申し訳ありません。問題が発生しました。」 (2023/03/23)
- Firefox 装飾キーとマウスホイール回転の動作を変更 ( Alt / Ctrl / Shift / Win キー ) (2023/01/19)
- Firefox SwitchyOmega でVPN接続が詰まる/パケロス的に読み込まないの改善 (2022/10/03)
- Firefox v105 ツイッターなどのページでスクロールが引っかかるを改善 (2022/09/26)
- パソコン版ツイッター投稿画面の 全員 ( オーディエンス ) /認証済み組織の表示を消す Firefox Chrome Vivaldi Edge (2022/06/17)
- Clipboard History でブラウザの検索文字に素早く除外文字を挿入する Firefox Chrome Edge Vivaldi (2022/06/08)