WebDesignMagazine.ru – Журнал о веб-дизайне

Изменение цвета шрифта и фона при выделении текста на странице

0

Одним из интересных псевдоселекторов в CSS3 является ::selection . Он позволяет изменить стандартный системный цвет фона при выделении текста на странице веб-сайта. Также,  можно изменить и цвет шрифта при выделении. Поддерживается большинством браузеров, но IE версии 9 и выше.

Рассмотрим применение этого псевдоселектора на примере.

Цвет фона при выделении текста меняется на КРАСНЫЙ

Цвет фона при выделении текста меняется на СИНИЙ

Цвет шрифта меняется на черный, а цвет фона меняется на ЖЕЛТЫЙ

Задаем класс “red” для параграфа

[/crayon] Описываем класс “red” для параграфа и псевдоселектора

Полный CSS код

Мы меняем цвет фона для красного и синего параграфов, а также допольнительно цвет шрифта для желтого. Добавляем -moz и -webkit для поддрежки другими браузерами.

В заключении хочется отметить, что псевдоселектор можно применять не только к параграфам и хедерам, но также и ко всему веб-сайту вцелом, задав необходимые параметры в body тэге.

Поделиться:

Об Авторе

Редакция портала WebDesignMagazine.ru -онлайн журнал о веб-дизайне.