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

(Эта страничка использует каскадные таблицы стилей CSS)

Данный документ является переводом статьи "Web Style Sheets CSS tips & tricks".
Оригинальная версия документа существует только на сайте W3C http://www.w3.org/Style/Examples/007/scrollbars.html
Данный перевод НЕ является официальным документом W3C.
Все Авторские Права Принадлежат W3C.
Данный документ может содержать ошибки перевода и опечатки.
Автор перевода: Евгений Скрипец - founder of Site Speed Lab. Все переводы автора: en, ru, uk
Локальная версия: http://www.indeep76.com/Style/Example007/scrollbars.html

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

Некоторые браузеры (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. Введите путь к этому файлу в диалоговом окне вашего браузера.

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

CSS Valid CSS!Valid HTML 4.0!

Bert Bos
Документ создан 12 Октября 2001;
Последнее изменение $Date: 2007/07/20 16:15:33 $ GMT