Как изменить цвет фона выделенного текста?

Для того, чтобы поменять фоновый цвет при выделении текста со стандартного на желаемый, будем использовать псевдо-элемент ::selection (с псевдо-классом :last-child мы уже сталкивались ранее, когда создавали древовидный список).

К сожалению, ::selection используется только в CSS3 и поддерживается далеко не всеми браузерами, на данный момент - FireFox, Safari и Opera 9.5

Все достаточно просто, надо только в таблице стилей прописать background:

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

Если хотим сделать разное цветовое выделение