疑似要素 selection

疑似要素 selection は、 選択されたテキストの色と背景を設定することを可能にします。

構文

cssセレクタ::selection {
  
}

例

テキストを選択すると、黒い背景に赤い文字で表示されることが確認できます:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem::selection {
  color: red;
  background-color: black;
}

Результат:

関連項目

  • プロパティ user-select,
    これはテキストの選択を禁止します
  • プロパティ pointer-events,
    これはマウスに対する反応を削除します