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

Posted on Октябрь 9, 2008. Filed under: Uncategorized | Tags: , , , |

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

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

Как изменить цвет фона выделенного текста с помощью CSS

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

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

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

Make a Comment

Make a Comment: ( None so far )

blockquote and a tags work here.

Liked it here?
Why not try sites on the blogroll...