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

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

selectiontext[1]

Откройте ваш файл style.css и добавьте следующие стили:

1::-moz-selection {
2    background-color: #ff6200;
3    color: #fff;
4}
5 
6::selection {
7    background-color: #ff6200;
8    color: #fff;
9}

Не забудьте изменить цвет фона для соответствия вашей цветовой схеме шаблона.

Селектор ::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