Мой сайт
Главная | Регистрация | Вход Приветствую Вас --->!шпион!<--- | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Web-Macтеру » Скрипты для uCoz » Меняем выделение текста с помощью CSS
Меняем выделение текста с помощью CSS
dantes1996Дата: Четверг, 19/11/2009, 18:39 | Сообщение # 1
Группа: Администраторы
Ранг:
Гланый
Сообщений: 136
Репутация: 97 Пол: Мужчина
Изменяем цвет выделенного текста с помощью 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;
}   


Как это выглядит?
Вот наглядный пример:<-----


Не на сайте
Форум » Web-Macтеру » Скрипты для uCoz » Меняем выделение текста с помощью CSS
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2020