【CSS】HTMLページの文字選択時の背景色・文字色（反転色）を変更する方法

http://teapipin.blog10.fc2.com/blog-entry-397.html【CSS】HTMLページの文字選択時の背景色・文字色（反転色）を変更する方法

HTMLページの文字選択時の背景色・文字色（反転色）を変更する方法についてです。

＜設定前＞（ブラウザの標準設定）


　　　　　　　　　　　　　　　　　　　　↓
＜設定後＞

次のようにCSSを記述します。
　

<style type="text/css">
<!--
::selection {
    background: #fad7d7; /*背景色*/
    color: #ffffff; /*文字色*/
}
::-moz-selection {
    background: #fad7d7; /*背景色*/
    color: #ffffff; /*文字色*/
}
-->
</style>

-moz-selectionはFirefox用です。

文字色は設定しなければ元のままの色ととなります。
（上の画像は文字色は未設定です）


↓この記事が参考になったら拍手、ツイート、いいね、はてブ、いずれかをお願いします。今後のブログ作りに役立てたいので。