テキストを選択(反転)した時のスタイルを指定するには、::selection擬似要素を使用します。 Firefoxは、ベンダープレフィックス付きの::-moz-selectionを指定しないと適用されないので注意してください。 IE8以下は未対応のため、指定してもデフォルトのスタイルで表示されます。 ::selectionの使い方 ::selection { background: #000; color: #fff; } //Firefox ::-moz-selection { background: #000; color: #fff; } 要素を指定しなければサイト全体に適用されます。 .example::selection { background: #000; color: #fff; } 要素やクラスを指定すると、その範囲のみ適用されます。 ::selectionで使用できるプ
![[CSS] テキスト選択時の文字色・背景色を設定する](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed3a09c0f1b971cd681779d3ad1daa806289f1dc/height=288;version=1;width=512/https%3A%2F%2Fmetrograph.jp%2Fwp-data%2Fwp-content%2Fuploads%2F2015%2F03%2Fselect.jpg)