Поиск

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

::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 845
Предыдущая запись Блоки со стрелками (часть 2)
Следующая запись Стилизация radio button

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

Сборник горизонтальных линий с тегом hr разных видов и стилей.
04.09.2018 6826
Сборник советов как поднять оценку в PageSpeed Insights.
04.04.2019 1374
Сборник примеров установки меток на карту по координатам и адресу, изменение их вида и вывод балунов.
24.07.2018 6864
При оптимизация скорости работы сайта инструменты типа Google PageSpeed Tools рекомендуют использовать кэш браузера и...
06.12.2016 2268
Ниже приведён список MIME-заголовков и расширений файлов.
11.07.2019 415
Подчеркивание текста можно сделать с помощью нескольких свойств CSS - background-image, background-size и...
31.07.2018 1187