Псевдо-элемент ::selection появился в HTML5. ::selection определяет стиль подсветки выбранного текста.
Для того, чтобы данный псевдо-элемент был кроссбраузерным, необходимо определить его следующим образом:
::-moz-selection {
color: white;
background: hotpink;
}
::selection {
color: white;
background: hotpink;
}
Все браузеры, кроме IE7 и IE8, поддерживают ::selection. Как показано выше, FireFox — единственный браузер, которой требует префикс -moz-. Важно отметить, что нельзя написать оба селектора в одну строку, оба блока необходимо разделить и для каждого прописать стиль, иначе работать не будет.
Несколько технических замечаний по ::selection
Стоит знать несколько вещей, если вы используете ::selection:
- Внутри ::selection вы можете определить такие свойства, как: color, background, background-color и text-shadow
- Background-image не сработает
- Т.к. ::selection нестандартный элемент и, вероятно, им не станет, то FireFox, скорей всего, никогда не будет поддерживать стандартный синтаксис.
- ::selection не будет работать с одним двоеточием. Все новые псевдо-элементы используют двойное двоеточие.
Спасибо за внимание!
Подписывайтесь на рассылку 😉
