Языки

Это перевод. Здесь могут содержаться ошибки или страница может быть устаревшей по отношению к Английской версии. Переводчик: Евгений (Address-Data)

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

Смотрите также указатель всех приёмов работы.

Бесцветные полосы прокрутки

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

Чтобы быть уверенными, что ваш браузер сохранит нормальные цвета полосы прокрутки, вам нужно использовать пользовательскую таблицу стилей и объявление '!important'. Пользовательскую таблицу стилей обычно можно выбрать в меню настройки/параметров браузера. В 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. Укажите путь к этому файлу в соответствующем диалоговом окне вашего браузера.

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

Bert Bos, style activity lead
Copyright © 1994–2021 W3C® Privacy policy

Created 12 Oct 2001;
Last updated Ср 06 янв 2021 05:40:49

Языки

О переводах