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

Знаете, что делает дизайн сайта выделяющимся среди всех остальных и запоминающимся? Внимание к деталям. Одной из этих деталей, привлекающих внимание пользователей, является цвет выделения текста, соответствующий общей цветовой схеме сайта, нежели обыкновенный стандартный — голубой. В этой статье мы покажем вам как изменить цвет выделения текста в WordPress.

selectiontext[1]

Откройте ваш файл 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

VN:F [1.9.22_1171]
Rating: 5.0/5 (3 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top