Как стилизовать в css выделение текста?

Как оформить с помощью css стиль для выделенного текста, то есть тех текстовых фрагментов, которые мы выделяем курсором мыши.

Псевдокласс selection

На многих сайтах видел, что если попытаться выделить текст, то к нему применяются интересные стили, отличные от тех, что по умолчанию.

А по умолчанию, как вы знаете, фон становиться синим, а сам цвет текста – белым. Чтобы изменить это для своего сайта, нужно использовать псевдокласс selection.

Чтобы применить стиль для выделенного текста в любой части страницы, нужно в стилевой файл записать такие строчки:

:selection{
	Color: #fff;
	Background: orange;
}

выделенный текст

Естественно, надо поменять цвета на свои. Если использовать уточняющие селекторы, то можно для отдельных частей сайта применять другое оформление, но это, как по мне, очень редко где может пригодиться.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий