CSS Style Scrollbar

Styling your scrollbar could be nice add-on to your site's design. And I'd like to emphasize that it could be. A lot of your visitors will expect their scroll bar to be the standard gray (or whatever color they may have defined in their operating system's theme definitions) so a page that changes its color might disrupt the browsing experience. Then, this little trick only works on Internet Explorer, so a lot of your visitors won't even notice your little hack.

But if you really have to do it, here is how it's done.

HTML Example:

The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
 

CSS Example:

#redScrollbar {
scrollbar-base-color: red;
} 

Result:

The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog

Remember -- just because you can use a certain feature it doesn't mean that you should.