Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

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 5 of 6 pages « First  <  3 4 5 6 >

I forgot to say thanx for the css scroll bar code sorce...

THANX : )
Posted by Jo on 08/30, 10:25 PM
No that's not possible, at least not with the default scrollbar.
But you can script you're own with javascript, see : http://www.dynamicdrive.com/dynamicindex2/
Posted by dc on 08/31, 04:40 AM
Opera does support scrollbar colorization. :(
Posted by turbo on 10/04, 05:39 AM
can i write scroll bar code inside div tags or can i call from css?
Posted by hema on 11/08, 01:15 AM
Not good, only applicable for the IE, not working on mozilla
Posted by bahaa fakher eddine on 11/29, 01:00 AM
That is pretty nice, thank you...
Posted by Forumistan on 03/13, 05:27 PM
thats's cool, I will use it,
thanks.
Posted by Metal Aksesuar on 04/14, 08:33 AM
If you folks want to get a hue that seems transparent, its best to use the same background color for the track color:
This is what I usually use if I don't use any background images.
<style>
bodyhtml {background#cc88cc;/*light-purple*/
scrollbar-arrow-color#ffffff;
scrollbar-track-color#cc88cc;
scrollbar-face-color#cc88cc;
scrollbar-base-color#cc88cc;
scrollbar-highlight-color#cc88cc;
scrollbar-3dlight-color#ffffff;
scrollbar-shadow-color#cc88cc;
scrollbar-darkshadow-color#ffffff;
}
</style
Posted by Allo on 06/06, 07:06 AM
css lessons - css scrollbar examples code
-- http://css-lessons.ucoz.com/scroll-css-examples.htm --
Posted by cemilxx on 06/06, 11:20 AM
HI i need your help i really want to create my own website/web page but i dont know how to go about doing it so can you please help me out
Posted by Bilgisayar on 06/14, 08:27 PM

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


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