Для смены выделения текста воспользуемся спецификацией 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.