CSS テキストの選択色を変更する方法

CSS でテキストの選択色を変更する方法を紹介します。
例えば、サイトのデザインに合わせて、テキストの選択色を変更したい場合に便利な方法です。

CSS でテキストの選択色を変更する方法

CSS でテキストの選択色を変更するには、擬似要素の ::selection を使用します。
例えば、テキストの選択色を赤にする場合は、次のコードをCSSに追加します。

*::selection {

  background: #58e2d3;

}

色の指定は適宜変更を加えてください。

まとめ

CSS でテキストの選択色を変更する方法を紹介しました。