CSS ::selection 擬似要素

定義と使用法

CSS ::selection 擬似要素は、ユーザーが選択したテキスト部分のスタイルを設定するために使用されます。

注意：以下の属性は、 ::selection 一緒に使用：

  • color
  • background-color
  • text-decoration
  • text-shadow

例

ユーザーが選択したテキストを赤いテキスト色と黄色の背景に設定します：

::selection {
  color: red;
  background: yellow;
}

自分で試してみる

CSSの構文

::selection {
  cssの宣言;
}

技術的な詳細

バージョン： CSS3

ブラウザのサポート

テーブルの数字は、その擬似要素を完全にサポートする最初のブラウザのバージョンを指定しています。

Chrome Edge Firefox Safari Opera
4 12 62 1.1 9.5