Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library

Advertise Here

CSS Layouts
Web Graphics
Online Tools:

CSS Library: Other: Here

Custom scrollbar colors

Author: Dynamic 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 valid 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. Due to this divergence in implementation, an easy solution is just to assign both the HTML and BODY tags the relevant scrollbar coloring CSS properties.

Scrollbar coloring via CSS is only supported in IE.

The CSS:

Code Info

Rate this code:

Date Posted: 05/02/2006

Revision History: None

Usage Terms: Click here

Your Comments (57)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 6 of 6 pages « First  <  4 5 6

How to call the above style in div?
Posted by vaji on 07/02, 11:02 PM
Very nice and customizable.
Posted by Foysal Osmany on 08/28, 08:43 AM
Please can anybody provide me the css for Scrollbar coloring using is only supported in Mozilla too...
Posted by Zia on 02/04, 01:02 AM
Please can anybody provide me the css for changing the color of Scrollbar is also in Mozilla too....


Waiting for the reply
Posted by Zia on 02/04, 01:15 AM
is firefox supported?
Posted by Margaret on 04/18, 07:03 PM
Why would you want to design something that only works on 1 type of browser??? That defeats the purpose of an effect website design
Posted by yo on 05/15, 01:28 PM
Customize your scrollbars cross-browser with the following jquery plugin. Easy!

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
Posted by Gentle on 05/28, 01:21 AM

Comment Pages 6 of 6 pages « First  <  4 5 6


Commenting is not available in this weblog entry.
Copyright 2006-2014 Dynamic Drive Read our Usage Terms before using any of the CSS codes.