Псевдоэдемент ::selection

Псевдоэлемент ::selection

Очень часто новички задаются вопросом —

Как сделать выделенный текст на сайте мышью другого цвета или поменять цвет его фона

Для этого был придуман псевдоэлемент ::selection.

Напомним что псевдоэлементом называется ключевое «свойство», которое расширяет возможности наших селекторов или позволяет стилизовать как раз выбранную часть текста на сайте.

Ограничением данного псевдоэлемента является то, что не ко всем свойствам его можно применять.

Список свойств, к которым применим псевдоэлемент::selection

• color
• background-color
• cursor
• caret-color
• outline
• text-decoration
• text-emphasis-color
• text-shadow

Синтаксис

Подробнее об этом псевдоэлементе Вы можете прочитать здесь