how to get Colored Scroll bars

Web Hosting Offers

See the new scripts recently added to Dynamic Drive. Click here.

Original, practical CSS codes and examples such as CSS menus for your site.

Browse Basic JavaScript Tutorial
Browse JavaScript Script resources
Browse javascript FAQS
Categories:

Home >> Tutorials >> Advanced javascript tutorials

Colored Scroll bars

This code shows how to get Colored Scroll bars.This works in IE / NS6.

Place the below code between the <head> </head>tags:

<style> BODY {
SCROLLBAR-BASE-COLOR: #DCDCDC }
</style>

Color can be changed by either typing in a different set of 6 numbers or using the color name, black, red, blue etc.

To get a more detailed look, this script can also be changed as below.

<style> BODY {
scrollbar-arrow-color: #000000;
scrollbar-face-color: #DCDCDC;
scrollbar-3dlight-color: #DCDCDC;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #DCDCDC;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #DCDCE3;}
</style>

Page contents: itechies.net - how to get Colored Scroll bars using javascript

javascript book