MSCSS - Scrollbar colors

Supported by Explorer 5.5+ Windows.

Explorer 6 Strict Mode requires the scrollbar colours to be defined on the html element, and not the body.

Opera: see below.

I decided to use Explorer Windows only colored scrollbars for the pre's on this site, so I urgently needed to note the exact syntax and use.

The property names are ugly, they are emphatically not in the specs, but I like them enough to use them occasionally. Unfortunately I found no way to remove scrollbar colors once they're set. When I define colors on the body, they are inherited by the test divs below. I thought I'd switch the body colors off, but that turns out to be impossible.

See Mark Wilton-Jones' tutorial for an extremely detailed look at the various properties.

All examples use color value #6374AB.

No styles

...........................................................................................................................................................................................................

General

scrollbar-base-color

...........................................................................................................................................................................................................

scrollbar-face-color

...........................................................................................................................................................................................................

Track

scrollbar-highlight-color

...........................................................................................................................................................................................................

scrollbar-track-color

...........................................................................................................................................................................................................

Arrows

scrollbar-arrow-color

...........................................................................................................................................................................................................

Shadows

See Mark Wilton-Jones' tutorial for a diagram of the areas these properties influences.

scrollbar-shadow-color

...........................................................................................................................................................................................................

scrollbar-3dlight-color

...........................................................................................................................................................................................................

scrollbar-darkshadow-color

...........................................................................................................................................................................................................

Opera

Opera supports these declarations if you check Preferences => Page style => Enable styling of scrollbars.

However, it only supports them as inline styles!. Below you find a test where I assign the scrollbar colour in an embedded style sheet. Doesn't work in Opera (7.50).

...........................................................................................................................................................................................................