firefoxでテキスト選択時の文字色反転カラー（文字背景色）の色味を変更する方法
firefoxでテキスト選択時の文字色反転カラー（文字背景色）の色味を変更する方法
ユーザースタイルシートにより可能です。
※ユーザースタイルシートとは
ウェブページに被せるフィルターのようなもので、
ウェブページの見た目を自分好みにカスタマイズできます。
最新のブラウザはだいたい対応しているようです。
今回のカスタマイズではスタイル指定にfirefox独自機能を使うので
firefox以外では機能しないことをご理解ください。
それでは、firefoxのユーザースタイルシートについて説明します。
userChrome.cssとuserContent.cssというものがあり、
これにコードを追記することでカスタマイズできます。
userChrome.cssとuserContent.cssのある場所ですが、
ファイルのある場所はＯＳによりさまざまなので
以下の 場所はドコ？ を参考にしてください。
http://firefox.geckodev.org/index.php?%E3%83%97%E3%83%AD%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB#l09b110b
私の場合Windows7 Home Premiumを使っているので
vistaと同じく
%USERPROFILE%\AppData\Roaming\Mozilla\Firefox\Profiles\(英数字の羅列).(プロファイル名)\
となります。
windowsボタンを押した先の、 プログラムとファイルの検索 部分に
%USERPROFILE%\AppData\Roaming\Mozilla\Firefox\Profiles
までのpathを貼り付け、リターンを押すと
C:\Users\kimidora\AppData\Roaming\Mozilla\Firefox\Profiles
にアクセスできます。
あとは自分でたどっていってください。
(英数字の羅列).(プロファイル名)⇒chrome
userContent-example.css
userChrome-example.css
というのがありますのでこれらをコピーし
userContent.css
userChrome.css
のようにします。
ファイルが二種類ありますが、
userContentは、ブラウザ上に表示されたウェブページ
userChromeは、firefoxブラウザ自体のユーザインタフェイス(UI)
の設定になると思ってください。
今回はウェブページ上ので色味変更の話なので
userContentのほうに以下コードを書きfirefoxを再起動してください。
::-moz-selection {
color: white ! important; background-color: deeppink ! important;
}
選択時の背景色が濃いピンクになりましたか？
今回は テキスト反転色のみの説明でしたが、
調べれば他にも様々なカスタマイズが可能だと思いますので
気になる方はご自身でお試しください。
以上です。
●参考にしたサイト
プロファイル – Mozilla Firefox まとめサイト
http://firefox.geckodev.org/index.php?%E3%83%97%E3%83%AD%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB#l09b110b
テスト環境:Windows7 Home Premium, firefox3.6.12