Цвет выделения через CSS

Одна из особенностей CSS3 это можно задавать цвет выделения. Обычно это голубой фон. Оказывается что можно изменить цвет выделения. Эта процедура работает только в FireFox и Safari. И так начнем:

::selection {
  background: #ffb7b7; /* Работает в Safari */
}
::-moz-selection {
  background: #ffb7b7; /* Работает в Firefox, до сих пор эксперементальная функция */
}

Если нужно сделать так, что бы менялся цвет выделения в определенном блоке, то ни чего проще нет:

p.red::selection {
  background : red;
}
p.red::-moz-selection {
  background : red;
}
p.blue::selection {
  background : blue;
  color : white
}
p.blue::-moz-selection {
  background : red;
  color : white
}

С данным свойством выделения текста своим цветом можно использовать только ограниченные CSS-свойства, такие как: color, background-color, cursor, caret-color, outline и его длинные записи, text-decoration и связанные свойства, text-emphasis-color, text-shadow.

Начать проект вместе с нами
Заполните форму и отправьте
нам сообщение!
Если у Вас возникли вопросы, предложения, либо Вы желаете оформить заявку на заказ услуги — Добро пожаловать!
Телефоны и мессенджеры:
Москва: +7 (499) 389-42-40
Санкт-Петербург: +7 (812) 456-72-40