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

HTML и CSS WordSmall

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

— Не забывайте делиться с друзьями в социальных сетях: —

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code