Lessons Community Resources Tools

Custom Scrollbar

Bored with the gray colored scrollbar in Internet Explorer? Then this trick is the end of your boredom, it allows you to change the color of the scrollbar !!! Paste the code in the <HEAD> of your document.

NOTE This trick will work only in IE 5.x and above browsers.

Example:

The scrollbar has a changed colors. You can set the colors as per your taste.

Code:

<HEAD>
<STYLE>
<!--
BODY {
scrollbar-face-color: #D8E2E7;
scrollbar-shadow-color: #D8E2E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #96AABD;
scrollbar-darkshadow-color: #96AABD;
scrollbar-track-color: #ffcc66;
scrollbar-arrow-color: #606D79
}
-->
</STYLE>
</HEAD>

For more information check out the MSDN reference for each scrollbar property, or use our scrollbar generator to create your own customized scrollbar scheme.