Как задать цвет выделения текста?

Чтобы указать цвет и фон выделенного текста применяется псевдоэлемент ::selection, в котором задаются свойства color и background, как покаано в примере 1.

Пример 1. Цвет выделенного текста

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Выделение</title>
  <style>
   ::selection {
    background: #809778; /* Цвет фона */
    color: #fff; /* Цвет текста */
   }
  </style>
 </head>
 <body>
  <p>В условиях электромагнитных помех, неизбежных при 
  полевых измерениях, не всегда можно опредлить, 
  когда именно волна ненаблюдаемо стабилизирует кварк</p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Цвет и фон выделенного текста

Рис. 1. Цвет и фон выделенного текста

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 20.09.2018
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid