::selection

Описание

Псевдоэлемент ::selection позволяет изменять свойства текста, выделенного пользователем. С помощью данного элемента можно изменять следующие свойства: color, background и background-color.
Данный элемент относится к CSS3, и из этого можно сделать вывод, что не все браузеры его одинаково поддерживают.

::selection
Значения: нет
Начальное значение: нет
Область применения: выделенный текст
Наследование: нет
Поддержка браузерами: Internet Explorer 9+, Chrome 2+, Opera 9.5+, Safari 1.1+, Firefox 1+, Android 1+
Версия CSS: CSS 3
Примечание: Mozilla Firefox поддерживает нестандартный псевдоэлемент ::-moz-selection

Пример

P::selection {         /* Определение стилей для всех поддерживающих браузеров */
    color: yellow; /* Цвет текста */
	background: red; /* Цвет фона */
}
P::-moz-selection {    /* Определение стилей для браузера Firefox */
	color: red; /* Цвет текста */
	background: blue; /* Цвет фона */
}
<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
    <title>::selection</title>
</head>
<body>
	<h2>Псевдоэлемент ::selection - Демонстрационная страница</h2>
	<p>Выделите часть текста и он изменит свой цвет и фон.</br>
	Если у вас браузер Internet Explorer, то вы увидите стандартные цвета: голубой фон и белый шрифт.</br>
	Если Mozilla Firefox - синий цвет фона и красный шрифт.</br>
	В любом другом браузере вы увидите следующие цвета: красный фон и желтый шрифт.</p>
</body>
</html>

Результат

ДЕМО

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *