How to change your scrollbar color with CSS?

Demo

Please have a look at the scrollbar on your page ;-)

To see the results, you'll need to view your page with Internet Explorer 5.5+, other browsers might still see the default gray.

If you wish to add a shade of black for your scrollbar you can do it very fast, by adding the bellow code to your CSS body tag:

body {
scrollbar-base-color:#000000;
}

If you are very particular to the colors, you can go for the following set of code.

body {
scrollbar-base-color: #9999cc;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;
scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: gray;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

Demo for textarea

Code

<textarea name="textarea" cols="50" rows="4" style="scrollbar-base-color:#992E26;">
If you are on IE you will never miss it. Please excuse if any other.
</textarea>

Hosted by www.Geocities.ws

1