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
.