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

CSSを使用してデフォルトのテキスト選択色を覆す方法を学びます。

テキスト選択色

以下のテキストを選択してください：

デフォルトのテキスト選択色

カスタムテキスト選択色

使用 ::selection デフォルトのテキスト選択色を覆すためのセレクタ：

::-moz-selection { /* Firefox ブラウザ用のコード */
  color: red;
  background: yellow;
}
::selection {
  color: red;
  background: yellow;
}