В ЦСС псевдоэлемент ::selection
управляет стилем выделения текста всей страницы или отдельных элементов. Например, можно покрасить выделение в фирменные цвета продукта. Это может стать прикольной дизайнерской фичей, особенно если посетители часто выделяют текст на сайте.
Доступные для изменения в ::selection
свойства ограничены здравым смыслом. Можно изменить фон, цвет, тень и подчёркивание‑зачёркивание текста, нельзя изменить шрифт, кегль или интерлиньяж. Стили ::selection
не работают на айфоне и некоторых других телефонах и планшетах.
::selection {
background: rgba(5, 80, 255, .65);
color: #fff;
}
code ::selection {
background: #000;
color: #31ff53;
text-shadow: -1px 1px #0043ff;
text-decoration: underline;
}
Вся эта страница совета — рабочий пример. Попробуйте выделить текст и код.
P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.