В ЦСС псевдоэлемент ::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. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка
Отправить
Поделиться
Запинить

Рекомендуем другие советы