Изменяем цвет выделенного
текста с помощью 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;
}
ПРимер тут http://css-tricks.com/examples/DifferentSelectionColors/
