webで選択した文字・背景を変更する！

メモ的にエントリ！

WebページをPCで閲覧時、文字を選択した時の色（反転状態）は

基本的にで決まっているけどそれを変更するCSSがあるらしい(｀・ω・´)ｼｬｷｰﾝ

特にスタイルシートが設定されていないWebページにて文字を選択すると…

こんな感じになりますよね(ﾟдﾟ)(｡_｡)(ﾟдﾟ)(｡_｡) ｳﾝｳﾝ（↑はChrome）

これの色を変更してみたものがコレ！！

方法は簡単でスタイルシートに

::selection {
    background: #e9580f; /*背景色*/
    color: #fff; /*文字色*/
}
::-moz-selection {
    background: #e9580f; /*背景色*/
    color: #fff; /*文字色*/
}

を記述するだけ！v(￣Д￣)v ｲｴｲ


すんごい簡単なのでアクセントに使ってみてはどうかと(　´∀｀)bｸﾞｯ!