HOME > TIPS > CSS > CHANGING THE SCROLLBAR COLOUR


	TIPS
		WEB DESIGN
		HTML
		CSS
		JAVASCRIPT
		PHP
		MySQL
		SEO



	TUTORIALS
		WEB DESIGN
		HTML
		JAVASCRIPT
		PHP
		SEO



	RESOURCES
		ADD LINK
		LINK TO US



	TOP DIRECTORIES
	COMMENTS
	SUBSCRIBE
	PRIVACY POLICY
	SEARCH

Changing the scrollbar colour

You can change the colour of your browser's scrollbar (only works for IE 5.0 and above) by defining a style in your HTML header:


<style type="text/css">

BODY

    {    

    scrollbar-face-color: #008000;

    scrollbar-highlight-color: #333366;

    scrollbar-3dlight-color: #008000;

    scrollbar-darkshadow-color: #008000;

    scrollbar-shadow-color: #333366;

    scrollbar-arrow-color: #333366;

    scrollbar-track-color: #333366;

    }

</style>

Note - many of the comments on this tip point out that coloured scrollbars are considered unprofessional. I would say it's how you do it that determines whether it's unprofessional or not. If the colour scheme works with your web design and doesn't stick out like a sore thumb, then there's no problem. That said, I confess I only do it when a client specifically requests it which is why I posted this tip - it's handy to know how to do it if you need to.
Comments

Comment by David Dorward on 2004-04-22
What does this have to do with JavaScript? It is a not-really-CSS thing. And you are wrong about it only working for IE5+, it also works for Konqueror and Opera (although Opera lets you turn it off, and off was the default setting on my install of it). Many people consider mucking about with browser scrollbars to be unprofessional.

Comment by Jeff on 2005-07-02
"Many people consider mucking about with browser scrollbars to be unprofessional." Dude, get a life

Comment by Wybe on 2005-07-24
He?s right though.

Comment by tieQ on 2005-09-05
Clearleh, he isn't. It can add value to your design, as long as you do it properly. Obviously those "many people" have only seen website's made by unprofessional people. B-]

Comment by Manish on 2006-01-03
Unprofessional!..Please get a life and go away if you are not interested in the tips

Comment by Toddy on 2006-01-07
Its a very good tip , Dont let them get to you , There just jealous of your expertise ..

Comment by Penny on 2006-11-05
I think the whole scrollbar thing is a bit of a taboo topic, and all comments kind of ring true. I think maybe if you\'re designing a site for an Accountant or Banking Firm (professional industries), coloured scrollbars might be unprofessional. But if you\'re making a site for teenagers or a band or whatever (not so professional organisations) why not? And if it doesn\'t work in IE so what? We see what we normally would. Graceful Degradation- that\'s what we\'re aiming for anyway!

Comment by peiny on 2006-11-21
CSS TIPS OF MY FRIENDSTER SPACE DISAPPEAR!HOW?WHY?

NEWS

New tip: open link in new window

New resource: Internet Explorer downloads

New tip: start cursor in a form field

New tutorial: upload files using a HTML form

Directory of webmaster resources

New section: CSS tips

New tip: finding webpages to link to your site

Updated directory list

New Hexadecimal Color Chart

New tips on Alexa ranking & clean linkage