ブラウザを Sleipnir から Firefox に切り替えてしばらく経つが、プラグインをいろいろ入れることでタブの機能やマウスジェスチャーなどだいぶ、sleipnir に近いものにすることができた。
ところでずっと困っていたのが、フォームのフォントサイズが異常に小さいこと。入力フォームだけでなく、Submitボタンもえらい小さい。これでは入力している文字もろくに読めないし、アンダーラインなんか潰れてしまって読めもしない…。
Firefox でのいろいろな表示のカスタマイズはユーザスタイルシートを行うことができる。今回はツールバーのGoogle検索窓と、WEBページ上のフォームのサイズを変更する。
ところでずっと困っていたのが、フォームのフォントサイズが異常に小さいこと。入力フォームだけでなく、Submitボタンもえらい小さい。これでは入力している文字もろくに読めないし、アンダーラインなんか潰れてしまって読めもしない…。
Firefox でのいろいろな表示のカスタマイズはユーザスタイルシートを行うことができる。今回はツールバーのGoogle検索窓と、WEBページ上のフォームのサイズを変更する。
Firefox の ユーザスタイルシートは、
C:\Documents and Settings\[ユーザ名]\Application Data\Mozilla\Firefox\Profiles\[ランダムなフォルダ名]\chrome
の下にある、
・userChrome.css
・userContent.css
を編集することで行える。
userChrome.css は、ブラウザの外観をカスタマイズするのに用いられる。サンプルとして、userChrome-example.css、userChrome-example-euc.css(EUC)、userChrome-example-sjis.css(SJIS) が用意されているので、いずれかのファイルを元に、userChrome.css ファイルを同じフォルダ内に保存しよう。
Google検索窓の拡大
userContent.css を編集することによって、WEBページを表示したときのデザインやレイアウトを変更できる。
フォームの表示サイズを最適化
userContent.css を編集することによって、全てのページの背景色やテキスト色を強制してしまうことも可能だ。
参考：Firefox Help: 設定ファイルの編集
C:\Documents and Settings\[ユーザ名]\Application Data\Mozilla\Firefox\Profiles\[ランダムなフォルダ名]\chrome
の下にある、
・userChrome.css
・userContent.css
を編集することで行える。
userChrome.css は、ブラウザの外観をカスタマイズするのに用いられる。サンプルとして、userChrome-example.css、userChrome-example-euc.css(EUC)、userChrome-example-sjis.css(SJIS) が用意されているので、いずれかのファイルを元に、userChrome.css ファイルを同じフォルダ内に保存しよう。
Google検索窓の拡大
/*
* 検索窓の大きさを150pxにする
*/
.searchbar-textbox {
width: 150px !important;
}
userContent.css を編集することによって、WEBページを表示したときのデザインやレイアウトを変更できる。
フォームの表示サイズを最適化
/*
* フォームの文字サイズを本文の標準サイズに強制する
*/
input {
line-height:1.0 !important;
font-size:medium;
}
select {
line-height:1.0 !important;
font-size:medium;
}
textarea {
line-height:1.0 !important;
font-size:medium;
}
userContent.css を編集することによって、全てのページの背景色やテキスト色を強制してしまうことも可能だ。
参考：Firefox Help: 設定ファイルの編集
コメントする