Вверх

Изменяем цвет выделения текста с помощью CSS

kak-izmenit-cvet-vydeleniya-teksta-s-pomoshhyu-css

Из названия статьи уже все ясно, речь пойдет о том, как изменить цвет(демо) текста при выделении. Действительно, урок будет полезен многим, т. к. часто выделение часто не вклеивается в дизайн Вашего проекта.

Изменяем цвет выделения текста с помощью CSS

Если Вам нужно изменить выделение текста на всем сайте, тогда добавьте просто вот эти строки с стиль CSS:

[php]
::selection {
background: #DAF5FF; /* Safari */
}
::-moz-selection {
background: #DAF5FF; /* Firefox */
}
[/php]

Например если нужно изменить выделение только абзацев, добавьте вот этот код в CSS:

[php]
p::selection {
background: #DAFFF8; /* Safari */
}
p::-moz-selection {
background: #DAFFF8; /* Firefox */
}
[/php]

Так же советую просмотреть демо того, что получилось 🙂

1 бал2 бала3 бала4 бала5 балов (Рейтинга нету)
Загрузка...
     Вызвать мастера :)
Скопировать короткую ссылку

1 Комментарий Оставить свой

  1. Аватар
    Автор: Салават - 25.07.2013 в 09:28
    2550

    Спасибо.
    В демо перепутаны местами розовый и голубой 🙂

    Ответить

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: