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

Каждый вебмастер старается сделать свой сайт особенным, непохожим на других. И в своих стремлениях придать своему детищу индивидуальность, мы часто используем различные мелочи. Об одно из таких мелочей и будет этот небольшой пост.

А именно – об изменении текста и фона при выделении мышкой с помощью псевдоселектора CSS3 ::selection.

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

::selection позволяет поменять стандартные системные цвета фона и шрифта при выделении их мышью.

Чтобы посмотреть эффект, выделите текст на моем сайте.

Для достижения подобного результата следует добавить в файл стилей следующий код:

::-moz-selection{

background: #000000;

color: #FEFF9E;

}

::webkit-selection{

background: #000000;

color: #FEFF9E;

}

::selection{

background: #000000;

color: #FEFF9E;

}

Напомню, стили WordPress редактируются в style.css.

Свойство background задает цвет фона текста, а свойство color – цвет самого текста.

Для подбора цветовой гаммы, вам может пригодиться таблица цветов: http://www.puzzleweb.ru/html/colors_html.php.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *