Encodera

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.

Справочник HTML & CSS

::selection

Часть текста, которую выделил пользователь.

Синтаксис

::selection { … }

Примеры

Свой цвет выделения:

<style>
  p::selection { background: gold; color: black; }
</style>
 
<p>Select this text with the mouse to see a gold highlight.</p>

Примечания

Можно менять только цвета, text-decoration и text-shadow. Выделение должно оставаться хорошо заметным: свой цвет с плохим контрастом мешает выделять текст.

См. также

  • user-select — Может ли пользователь выделять текст элемента.
  • color — Цвет текста (а также цвет рамок и SVG-значков по умолчанию).

Вопросы и ответы по теме

В учебнике

  • Псевдоэлементы — Как оформить часть элемента или добавить декоративное содержимое — before, after, first-letter, marker, placeholder и selection.

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.