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

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

IE Chrome Opera Safari 1 FF 2 Android iOS
9+ 2.0+ 9.5+ 1.1+ 1.0+ 1.0+ 1.0+

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

Ссылки

Источник: https://www.kobzarev.com/programming/selection-styles/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

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

%d такие блоггеры, как: