CSS SCROLLBAR-TRACK-COLOR - CSS3.com

Tweet to @xcss3x

CSS SCROLLBAR-TRACK-COLOR

This property describes the solid color of the scrollbar track

Example

1
2
3

body {
scrollbar-track-color: #ff00ff
}

1
2
3

<body style="scrollbar-track-color: red">
content
</body>

Possible Values

[color]: This is a representation of the values for Red/Green/Blue used to determine a final display color.

axe

Great, this is nice addition, I was getting tired of using Javascript to visually style my scrollbars in my divs or iframes which looked out of place from the rest of my site’s design.

It’d be nice if css like CSS scrollbar-track-image:url() could be implemented, then we could use images instead of plain colors to represent scrollbars, it would make some interesting designs.

Finally, I believe the checkbox, radio, select and file fields need full css 3 customization.

There have been talks about usability/accessibility/safety and such but they are all void since the majority of developers use javascript to style those elements to match their design. The developer has the final word on how accessible/usable/safe his site is, if he does a bad job serving impaired users, well then he has failed, posing styling restrictions does not help the design of the web to evolve and praises javascript/css hacks to get the job done, which is something the w3c tries to eliminate.