Firefoxの検索バーのテキストボックスの幅を広くする

ページ内検索
Firefox でページ内検索するためのテキストボックスが狭くて使いづらかったので、広げてみました。
Firefox の UI は、XUL という HTML に似た言語で書かれているので、CSS で簡単にカスタマイズすることができます。

今回カスタマイズしようと思ったページ内検索のテキストボックスには、.findbar-textboxという class 名が付いているので、これに対してスタイルを指定します。
スタイルの指定は、C:\Users\yuuAn\AppData\Roaming\Mozilla\Firefox\Profiles\hoge.default\chrome\userChrome.cssで行います。
青文字のところは環境によって違うので、環境に合わせて読み替えてください)

userChrome.css
.findbar-textbox {
    width: 40em !important;
}

もともとが 14em だったので、40em に広げてみました。
本当はレスポンシブな指定をした方がいいんでしょうけど、面倒なので今日はここまで。

コメントを残す