Псевдоелемент 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,
    което премахва реакцията на мишката