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

(Ця сторінка використовує каскадні таблиці стилів CSS)

Цей документ є перекладом статті з сайту W3C.
Оригінальна версія документу знаходиться тільки на сайті W3C https://www.w3.org/Style/Examples/007/scrollbars.html
Цей переклад НЕ є офіційним документом W3C.
Всі Авторські Права Належать W3C.
Цей документ може містить помилки перекладу та похибки.
Автор: Скрипець Євген, розробник проекту SSL (всі переклади автора: en, ru, uk )
Локальна копія: https://www.indeep76.com/Style/Example007ukr/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!