Псевдоэлемент 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,
    которое убирает реакцию на мышь