Цвет выделения через 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.