マウスでドラッグした際の文字を選択範囲の色(ハイライトカラー)を変更する方法

以下のテキストをマウスでぐいっとなぞると、ピンク色に反転します。

<!--反転ここから-->


マウスカーソルでテキストをグイーッとなぞると、選択範囲がハイライト表示されます。

通常、この選択範囲のハイライトカラーは青色で、たまにピンクや赤色などになっているサイトやを見かけますが、CSS3 の擬似要素 selection を用いることで、このハイライトカラーを変更することができます。

CSS3 なのでIE では…です。(´・ω・`)

<!--//反転ここまで-->

記事へ戻る