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

Чтобы изменить цвет выделения текста (текстового выделения) в CSS, можно использовать свойство ::selection.

Например, чтобы установить красный цвет текстового выделения, нужно написать следующий CSS-код:

::selection {
  background-color: red;
  color: white;
}

Здесь мы используем псевдоэлемент ::selection для применения стилей к выделенному тексту. Свойство background-color устанавливает цвет фона выделения, а свойство color — цвет текста выделения.

Также можно применять другие свойства CSS для настройки внешнего вида текстового выделения, например:

::selection {
  background-color: #00bfff;
  color: #fff;
  text-shadow: none;
}

Здесь мы устанавливаем свойство background-color на #00bfff (ярко-голубой), цвет текста color на #fff (белый), а также отключаем тень текста с помощью свойства text-shadow.

Обратите внимание, что не все браузеры поддерживают этот псевдоэлемент для изменения цвета выделения текста.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как изменить цвет выделения текста CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали