Каскадные таблицы стилей
CSS советы & приемы

Бесцветная прокрутка

Некоторые браузеры (IE, Konqueror) стали недавно поддерживать нестандартные свойства 'scrollbar-shadow-color', 'scrollbar-track-color' и другие. Эти свойства нелегальны: они не определены ни в спецификации CSS ни заявлены как собственные (то есть у них нет приставки "-vendor-"). Но, к счастью, вы можете легко отключить их.

Чтобы быть уверенными, что ваш браузер сохранит нормальные цвета прокрутки, вам нужно использовать пользовательскую таблицу стилей и объявление '!important'. Пользовательские таблицы стилей обычно можно переопределить через "options/settings" в меню браузера. В IE вы можете поменять это на закладе "Accessibility", в Konqueror на закладке "Stylesheets".

1. Если у вас еще нет пользовательской таблицы стилей, создайте новый CSS файл. Сохраните его где-нибудь.
2. Добавьте следующие строки в файл стилей:

   body, html {
     scrollbar-face-color: ThreeDFace !important;
     scrollbar-shadow-color: ThreeDDarkShadow !important;
     scrollbar-highlight-color: ThreeDHighlight !important;
     scrollbar-3dlight-color: ThreeDLightShadow !important;
     scrollbar-darkshadow-color: ThreeDDarkShadow !important;
     scrollbar-track-color: Scrollbar !important;
     scrollbar-arrow-color: ButtonText !important;
   }

3. Введите путь к этому файлу в диалоговом окне вашего браузера.

Это должно сработать. Вам необходимо перезапустить браузер для того, чтобы увидеть эффект. Для того, чтобы увидеть как это работает, вы можете посмотреть на маленький тест.