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

Комментарии

, чтобы добавить комментарий.

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

Фон под текстом
С фоном у текста есть проблема – у элемента с display: inline при переносах текста не работают отступы (padding) по бокам. Исправить это можно следующими способами.
02.07.2019
11843
+2
Перечёркнутый текст
Первыми тегами для зачёркнутого текста были strike и s. C приходом HTML 4 их использование стало осуждается, а в HTML 5 их вовсе запретили.
21.08.2019
5289
-1
СSS стили для горизонтальных линий
Сборник горизонтальных линий с тегом hr разных видов и стилей.
04.09.2018
20279
+3
Запись в лог-файл в PHP
Несколько вариантов как быстро организовать запись данных в лог-файл.
06.02.2019
14268
+2
Печать HTML страниц
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
08.04.2020
1752
+1
Яндекс Карты – метки и балуны
Сборник примеров установки меток на карту по координатам и адресу, изменение их вида и вывод балунов.
24.07.2018
10723
+1