CSS стили выделенного текста

13.02.2019

7314

::selection или ::-moz-selection – псевдоэлемент, который отвечает за стили выделяемой области текста. В этом элементе могут использоваться следующие CSS-свойства:

color
background-color
cursor
outline
text-decoration
text-shadow

И некоторые другие, подробнее на developer.mozilla.org.

background-image не поддерживается, добавить картинку или градиент не получиться.

Использование ::selection

.text-1::selection {
	background: orange;
}

.text-2::selection {
	color: white;
	background: Purple;
}

.text-3::selection {
	color: red;
}

.text-4::selection {
	text-shadow: 1px 1px 3px orange;
}

CSS

13.02.2019, обновлено 02.10.2019

7314

#Background #Тексты и символы #Цвета

1 1

Предыдущая запись Блоки со стрелками (часть 2)

Следующая запись Стилизация Radio Button

Другие публикации

Отслеживание окончания доменов и SSL-сертификатов

При работе с множеством сайтов возникает необходимость в постоянном контроле срока окончания доменов и особенно...

8706

Перечёркнутый текст

Первыми тегами для зачёркнутого текста были strike и s. C приходом HTML 4 их использование стало осуждается, а в HTML 5 их вовсе запретили.

70877

Фон под текстом

С фоном у текста есть проблема – у элемента с display: inline при переносах текста не работают отступы (padding) по бокам. Исправить это можно следующими способами.

97713