Знаете, что делает дизайн сайта выделяющимся среди всех остальных и запоминающимся? Внимание к деталям. Одной из этих деталей, привлекающих внимание пользователей, является цвет выделения текста, соответствующий общей цветовой схеме сайта, нежели обыкновенный стандартный — голубой. В этой статье мы покажем вам как изменить цвет выделения текста в WordPress.
![selectiontext[1]](https://wpincode.com/wp-content/uploads/2013/09/selectiontext1.jpg)
Откройте ваш файл style.css и добавьте следующие стили:
::-moz-selection {
background-color: #ff6200;
color: #fff;
}
::selection {
background-color: #ff6200;
color: #fff;
}
Не забудьте изменить цвет фона для соответствия вашей цветовой схеме шаблона.
Селектор ::selection понимают Googke Chrome, Safari, IE9+, and Opera. Firefox любит использовать свой собственный ::-moz-selection (хотя, возможно, новые версии браузера уже не болеют этим 🙂 ).
Источник: Brian Gardner
