Web Style Sheets
CSS съвети и трикове

Не-оцветени скролбарове

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

За да сте сигурни, че скролбаровете на браузъра Ви ще бъдат в нормалните си цветове, използвате потребителска style sheet и декларацията '!important'. Потребителската style sheet обикновено може да се конфигурира през менюто options/settings на браузъра. В IE може да се открие под таба "Accessibility", а в Konqueror под таба "Stylesheets".

1. Ако все още нямате потребителска style sheet, започнете със създаване на нов CSS файл. Можете да го съхраните навсякъде.
2. Добавете следните редове в style sheet файла:

   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. Въведете пъте до файла в съответната диалогова кутия на браузъра Ви.

Това би трябвало да извърши трика. Възможно е да се налага да затворите и рестартирате браузъра за да постигнете ефект. За да разберете дали работи, вижте този тест, създаден за целта.