Как изменить цвет выделения текста по умолчанию в браузерах с помощью CSS

По умолчанию большая часть браузера выделяет выделенный текст синим фоном. Однако вы можете переопределить этот параметр с помощью псевдоэлемента CSS ::selection.

В настоящее время браузеры поддерживают только небольшое подмножество CSS-свойств для псевдоэлемента ::selection, например color, background-color и text-shadow. Давайте посмотрим на пример:

::selection {
    color: #fff;
    background: #dda0dd;
    text-shadow: 1px 1px 2px #b040b0;
}
/* For Mozilla Firefox */
::-moz-selection {
    color: #fff;
    background: #dda0dd;
    text-shadow: 1px 1px 2px #b040b0;
}