[CSS] 選択した部分のスタイルを変える方法

ドラッグで文字を選択した際の装飾を変更する。

コード

ブラウザによって記述が違う。IE8は未対応だが、モダンブラウザであれば大抵使える。
Can I use… Support tables for HTML5, CSS3, etc

backgroundだけじゃなくてcolorなどのプロパティを指定する事もできる。

::selection {
  background: #eee;
}

::-moz-selection {
  background: #eee;
}

::-webkit-selection {
  background: #eee;
}

全体ではなく特定のダグに指定する場合は、以下のようにセレクタを指定する。
ベンダーごとの指定も同じようにする。

p::selection {
  background: #eee;
}