Каскадні таблиці стилів
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. Введіть шлях до цього файлу у диалоговому вікні вашого браузера.

Це повинно спрацювати. Вам необхідно перезапустити браузер для того, щоб побачити ефект. Для того, щоб побачити, як це працює, ви можете подивитися на маленький тест.