Изменяем задний фон для текстаВ этой статье мы познакомимся с псевдо-элементом selection. И прописал в него background. Очень жаль но selection поддерживается только в CSS3, поэтому поддерживается только новыми браузерами. Идея выделения абзацев таким образом не очень удачна. На мой взгляд таким методом лучше сделать вывод ошибок, чтобы пользователь обратил внимание.

Откроем наш html файл и пропишем следущее:

<style>
p::selection {
background: #c9defd;    /* для Safari, Opera */
}
p::-moz-selection {
background: #c9defd;    /* для FireFox */
}
</style>

Если желаете можно установить разный цвет:

<style>
p.blue::selection {background: #c9defd;}
p.blue::-moz-selection {background: #c9defd;}
p.red::selection {background: #ffc2c8;}
p.red::-moz-selection {background: #ffc2c8;}
p.green::selection {background: #c4fcc5;}
p.green::-moz-selection {background: #c4fcc5;}
</style>

Добавлено: 18 Мая 2018 06:34:23 Добавил: Андрей Ковальчук Нравится 0

Добавить