Top Mozilla-Tip's >Firefoxでテキスト選択時のハイライトカラーを変更する方法。
2008年04月26日

Firefoxでテキスト選択時のハイライトカラーを変更する方法。

Firefoxで表示ページ内のテキストを選択した際、デフォルトではブルー系のカラーで選択され、文字が白抜きで表示されます。

このハイライトカラーは、userContent.css内にコードを記述することによって変更することができます。


00_Firefox_css_Custom.JPG

「userContent.css」は、お使いのプロファイルフォルダ以下に存在するファイルで、Windows XPにデフォルトインストールした場合、以下の場所に存在します。

C:\Documents and Settings\[ユーザー名]\Application Data\Mozilla\Firefox\Profiles\********.default\chrome

もし、userContent.cssがchromeフォルダに存在しない場合は、メモ帳などで作成し、userContent.cssと名前を付けて保存してください。

テキスト選択時のハイライトカラーを変更するには、このuserContent.css内に以下のコードを記述します。


/* テキスト選択時のハイライトカラーを変更する。 */
*::-moz-selection {
background: #FF3C00; /* the background color of the highlight */
color: #FFF; /* the color of the text within the highlight */
}


コードを記述したら上書き保存し、Firefoxが起動している場合は再起動します。

そうすると、以下のようにハイライト時のカラーが変更されます。


01_Firefox_css_Custom.JPG


このカラーは、background: #******

とカラーコードを変更すれば好みのカラーにすることができます。

カラーコード参考はこちら

だいぶ雰囲気が変わって、選択部分が把握しやすくなりますね。

テーマカラーに合わせたり、デフォルトがちょっと見にくいと思ったら変更するなどしてみてください。


<関連記事>


■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト(とりあえず10個)

■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト<その2>(More10Tip's)

■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト<その3>(Next 4Tip's)

■Firefoxの設定ファイル編集をタブ内で行えるアドオン「ChromEdit Plus」

■Firefoxの様々な設定ファイルにアクセスできる「Edit Config Files」

インターネットFX取引手数料無料ならマネーパートナーズ

ソニーのブログパーツ「FLO:Q」


セキュリティソフト買うなら特価な今!


posted by moziller at 21:14 | Comment(0) | TrackBack(0) | Mozilla-Tip's



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック





×

この広告は180日以上新しい記事の投稿がないブログに表示されております。