ZorNet.Ru — сайт для вебмастера » HTML и CSS » Меняем цвет выделения текста на сайте

Меняем цвет выделения текста на сайте

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

Как нужно поменять цвет.

Смотрим и видим #74bd38 - это цвет который мы выставляем, в нашем случай он зеленый.
А вот уже #fff отвечает за знаки, так как они на светлом дизайне темные, когда начинаешь копировать, то становятся светлыми.

Код
::selection {background: #74bd38; color:#fff;}  
::-moz-selection {background: #74bd38; color:#fff;}


Тут можно сделать как вы видите, или под стили и оформление ресурса, или просто как то оригинально.
27 Января 2016 Просмотров: 1830 Комментариев: (5)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 5
Tergran
Tergran 27 Января 2016 06:181
0
Больше походит на некую такую фишку, а так подумаешь, иногда хочется просто заменить. так как синий оттенок уже просто стал надоедать.
tsakonter
tsakonter 27 Января 2016 06:202
0
Tergran, любитель по копировать, за день видать так надоест, а здесь нет нет, разнообразие, шутка.)
Tergran
Tergran 27 Января 2016 06:233
0
tsakonter, попрошу вас свои шутки, которые "очень смешны" оставить при себе.
AnTron
AnTron 27 Января 2016 06:264
0
Тут так то по идее должно еще от браузера еще зависеть должно. Просто на одном синее есть на другом темное.
Kosten
Kosten 27 Января 2016 06:325
0
Все возможно и от браузера, но также думаю, если прописать, то основные будут так выдавать. Но точно на Хром все показывает как нужно.
avatar