Two columns Three columns Mixed cols and rows Gallery Archives Clean & Clear Dark or Black High Contrast/ Impact Blog Designs New Corporate/ Professional Unconventional Designs Liquid layouts Web Design Firms Our Favorites What's Popular Last 20 submissions
Horizontal Menus Vertical Menus Multiple/ Nested Levels

CSS Examples Custom scrollbar colors

Date: 10/19/2004 Custom scrollbar colors

Author: CSS Drive

In IE5.5+ and above, you can use CSS to customize the color of the scrollbars on the page, which includes various components of the scrollbar. The below CSS shows the relevant CSS properties for scrollbar coloring. Note that if your page uses a doctype that triggers a "Strict" mode in IE, the scrollbar properties need to be assigned to the "HTML" tag instead of the conventional "BODY" in order to work.

The CSS (for non "strict" doctypes):

body{
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}

The CSS (for "strict" doctypes):

html{
"
"
}

Comments (21)

esta muy buena esta tabla

#1: edgar on 06/26 at 08:44 AM

CSS Forums

CSS Forums: latest threads Last Post Info
Looking for CSS freelancers to outsource work to (26) 12/03/2008 06:16 am
By: iohnee
Shared SSL Certificate by hosting company - is that fine? (2) 12/02/2008 11:53 pm
By: OswaldJim
spacing with the UL tag (1) 12/01/2008 11:11 am
By: mortendc
My Website (5) 12/01/2008 08:15 am
By: austenjones
CSS code coloring (4) 11/29/2008 11:32 pm
By: kamal