Изменяем цвет выделенного текста с помощью CSS3
Жаль, что никто из Ю.Блоггеров не писал про такой хороший псевдоэлемент как ::selection. Он позволяет менять цвет фона выделенного текста. Сейчас этот элемент поддерживают практически все браузеры.
Что—бы изменить цвет фона выделенного текста, нужно добавить в CSS такой код:
Code
::selection {
background: black;
color: green;
}
::-moz-selection {
background: black;
color: green;
}
Естественно цвета выбераем сами,можно использовать как буквенное обозначение цветов(black...) так и цифровое(#000000..)
красный-цвет фона(меняем в обоих кодах)
зеленый-цвет выделенного текста
Почему два набора? Второй для Firefox, первый - для всего остального =)
Так же можно сделать чтобы не было рамочки при выделении,а просто текст менял цвет(выглядит красиво=))
стерев всего одну строчку:
Code
::selection {
color: green;
}
::-moz-selection {
color: green;
}
Как это выглядит?
Вот наглядный пример:<-----
