CSS - изменяем фон выделяемого текста с помощью ::selection

Стандартным цветом для выделения текста на любом сайте является синий. Но случается так, что фон сайта, например, нечто среднее, между черным и серым. В таком случае выделение нужно обязательно менять.



Синий цвет все равно остается. Это проблема переноса строк тегом br и свойства для высоты строки line-height. В таких случаях нужно экспериментировать и подбирать оптимальные значения. Возможно, отказываться от переноса строк в пользу margin на css

Итак, поехали:

::selection {
background: #ffb7b7; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}

.class::selection {
background: #ffb7b7; /* Safari */
}

Собственно и все!