CSS: Изменение цвета фона выделенного текста

Узнайте, как изменить цвет фона выделенного текста на вашем сайте. Это можно легко сделать с помощью правил CSS. Это добавляет к визуальной привлекательности вашего сайта.

A+ A-

Я не знаю , сколько это способствует красоте веб - сайта, но мне очень понравилась идея иметь другой цвет фона для выделенного текста. Когда посетитель на вашем сайте выбирает некоторый текст и фон выделенного текста становится темно-оранжевого или розового цвета; это как-то дает ощущение свежести. Он чувствует, как долгожданный разрыв от обычного синего цвета фона для выделенного текста.

Вы можете легко изменить цвет фона с помощью CSS. Я выполнил разница цвет фона для выделенного текста на моем сайте. Позвольте мне рассказать вам, как вы можете сделать это.

Это легко можно изменить цвет фона выделенного текста с помощью CSS.

Это легко можно изменить цвет фона выделенного текста с помощью CSS.

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

Вы определенно хотите, чтобы предоставить пользователям единую опыт интерфейса -wouldn't вас?

К счастью, Mozilla-браузеры ( Firefox , Google Chrome и Safari) позволяют устанавливать правила CSS для изменения этого эффекта. Вот как вы можете сделать это, установив -moz-отбора и выбора свойства:

 / * Для Firefox * /
:: - Мос-выбор {
       цвет фона: #FFA;
       цвет: # 000;
}

/ * Для Safari и Chrome * /
:: Выбор {
       цвет фона: #FFA;
       цвет: # 000;
}

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

Предостережение в том , что вы должны выбрать цвет фона с осторожностью выбирать -Не цвет, близкий к цвету вашего текста. В противном случае, было бы трудно для посетителей, чтобы прочитать выделенный текст. Кроме того, очень яркие цвета могут показаться безвкусным, если они не совпадают с цветовой темой вашего сайта. Цвет фона не должны смотреть-оф-место.

Кроме того , помните, Internet Explorer не поддерживает эти свойства еще. Это не удивительно, хотя!

Я надеюсь, что этот совет был полезен для вас. Просьба прокомментировать и дайте мне знать, если у вас есть какие-либо вопросы или предложения по этому поводу.

Ads

Поделиться

последний

Лучшие альтернативы Ubuntu искать, если вы Linux Lover

Давайте начнем знакомство с чем-то; простой, но немного не ...

Как добавить подпись в Gmail Входящие - Добавить подпись Google в Gmail

Входящие с помощью Google была одна из лучших вещей, которы...

Еженедельно Tech News: Nokia, Google и Nintendo

Привет всем, это Пятница, 3 марта, и так же, как всегда, мы...

Raspberry Pi Проекты для начинающих - Что вы можете сделать с Raspberry Pi

Raspberry Pi представляет собой серию малой мощности, одноп...

Лучший VPN для Android 2017 года - Как использовать VPN в Android

Прошли те дни, когда виртуальные частные сети были только д...

Комментарии