Урок 12. Как изменить цвет полосы прокрутки с помощью CSS.
Автор: Андрей Краснокутский
Дата: 2009-06-26
Меняем стиль полосы прокрутки на сайте.
Иногда, попадая на какой-то сайт, Вы видите что цвет полосы прокрутки окна браузера меняет свой цвет, причем может измениться цвет как вертикальной, так и горизонтальной полосы прокрутки. Иногда это оправдано и действительно смотрится очень оригинально. Создают такой эффект - с помощью стиля (CSS). Причем можно изменять цвет не только самих полос прокрутки, но элементов оформления находящихся рядом с полосами. На сегодняшний день существуют восемь атрибутов, которыми можно задавать различные параметры прокрутки:
scrollbar-3d-light-color - цвет контуров (окантовки) прокрутки
scrollbar-arrow-color - цвет стрелочек на полосе вертикальной прокрутки
scrollbar-base-color - базовый цвет прокрутки (фон)
scrollbar-highlight-color - цвет полос, по которым движется прокрутка (фон)
scrollbar-shadow-color - тень прокрутки (обычная)
scrollbar-track-color - цвет полос, по которым движется прокрутка
Чтобы изменить цвет полосы прокрутки или других элементов, поместите (не обязательно все атрибуты) их в теге <BODY> в html-коде web-страницы, а в качестве значений присвойте шестнадцатеричное значение цвета или его название на английском языке. Например вот таким образом:
Комментарии добавил(а): Александр Дата: 2011-10-16
у меня не работает все как было так и осталось
Комментарии добавил(а): Андрей Дата: 2012-01-15
1. Для того, чтобы заработало, нужно данный стили также применить к тегу html
2. На данный момент времени эти стили работают не во всех браузерах; к примеру, в IE6,7 робит, в Google Chrome нет