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

Для смены выделения текста воспользуемся спецификацией CSS 3, а точнее, псевдоэлементом ::selection. Этот элемент позволяет изменить стили выделенного текста с применениями свойства color, background, background-color. Возможностей немного, но их вполне достаточно чтобы выделенный текст соответствовал дизайну вашего сайта.

Поддержка браузеров.

На данный момент псевдоэлемент ::selection поддерживают все популярные браузеры.

• Safari.
• Google Chrome.
• Firefox.
• Opera.

Установка.

Откройте файл style.css и добавьте стили.

::-moz-selection {
    background-color: #30A62A;
    color: #fff;
}
::selection {
    background-color: #30A62A;
    color: #fff;
}

И не забудьте изменить цвет на ваше усмотрение.

Результат.

Вот такой нехитрый способ изменить выделенный цвет текста с помощью CSS.