Время для прочтения: 1 мин. 11 сек.

CSS3: стилизуем выделенный текст

Псевдоэлемент ::selection применяется к выделенному пользователем фрагменту документа. Попробуйте выделить следующий текст.

CSS


p.normal::selection {
	background:#cc0000;
	color:#fff;
}

p.moz::-moz-selection {
	background:#cc0000;
	color:#fff;
}

p.webkit::-webkit-selection {
	background:#cc0000;
	color:#fff;
}

Группировать данные селекторы нельзя. В правилах стилей допускается использовать только следующие свойства: color, background и background-color

Поддержка браузерами

IEChromeOperaSafari 1FF 2AndroidiOS
9+2.0+9.5+1.1+1.0+1.0+1.0+

1 В версии 1.0 использовался ::-webkit-selection.
2 В данном браузере используется ::-moz-selection.

Ссылки

Пошерить
Плюсануть
Отправить
Вотсапнуть

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

1. Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных.

2. Для вставки кода используйте специальные теги [code lang="php"]ваш код[/code]