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).
...........................................................................................................................................................................................................