View Full Version : the scrollbar and colors

01-08-2004, 12:49 AM
ive seen some pages(including this one) that have funky scrollbars. i would like to know how to do it. all of your advise has never failed so ill thank you in advance!

as i(and many others too) alwais say,

thanks in advance

01-08-2004, 12:58 AM
Leave the scrollbars alone - they are a part of MY browser (which thankfully does not allow such manipulations), not your webpage.

01-08-2004, 01:06 AM
my webpage???
i think you are alittle confused...

01-08-2004, 01:53 AM
I found this in 3 seconds using the Forum Search facility (http://www.codingforums.com/search.php?s=) . Use it, it rocks:thumbsup:

scrollbar-arrow-color #999999;
scrollbar-track-color #CCCCCC;

**edit: You shouldn't change colours of the scrollbars because it makes them less visible for people with poor vision, the colour blind, etc.
If you must change them, take a screen shot of you scrollbars and the default one and convert them both to black and white.
Now, does your scroll have as high contrast as the default one?
If not, change it!.
This discussion/argument:o has been done almost bi-monthly since I've been
using the forum and I'm sure much earlier than that.

Paul Jr
01-08-2004, 02:20 AM
Originally posted by warhammerdude20
my webpage???
i think you are alittle confused...
I believe he is not. The scroll bar is a part of the UI of the browser, and therefore is not a part of your site.
Thankfully, I use FireBird, and am therefore not subjected to the horrendous, outrageous practice of changing the scrollbar colors.

01-08-2004, 03:10 AM
Although it's possible in Internet Explorer to change the colors of scrollbars, it's definitely not recommended.

First, many people like to keep their browser's user-interface the way it is. They don't like it changed.

Secondly, it's not valid CSS code. You'll never have a shot at writing correct, valid code if you use the scrollbar CSS that mindlessLemming just posted.

Internet Explorer for Windows is the only browser that will display it. The overwhelming majority of people on this forum use Mozilla, Mozilla Firebird, Safari, or Opera.

Although some people are perpetually cranky and fairly unhelpful (despite pleas to start being nice), I will simply say this: Yes this code will work, but please don't use it. :thumbsup:

Hope this helps!

01-08-2004, 04:40 AM
I use it on some of my websites. I feel that it is my website the user is visiting and I should display the site and the browser (when possible) to the way my site.

At least we don't install useless toolbars onto your IE, Netscape, etc without you knowing or adding SpyWare to your computer. It is a free country (at least here in Canada it is, don't know about you americans). If we want to change our colours, it is our choice.

01-08-2004, 05:26 AM
Originally posted by Skyzyx
Although some people are perpetually cranky
If it wasn't for some people's crankiness, you wouldn't get the chance to show off your diplomacy ;)

As to the matter in hand - consider this - is a book readable by virtue of having read it? If you write a book, do you care whether others can read it? Is the book for you, or is it for the reader? That's your choice.

01-08-2004, 05:44 AM
i just wanted to know how to do it...

but never mind. sheesh!

i must have sent some ripples in the water when i disturbed some ancent law where its forbidden to ask questions about scrollbars... im just a person who wants to know how to do something!

again, sheesh.

thanks anyway...

01-08-2004, 08:07 AM
This is why I told you to use the search facility...:)
You would have instantly found the code you needed and avoided hearing our collective rantings. Topics of accessibilty vs. design can get quite heated round here :D

01-08-2004, 11:08 AM

Anyway, you should know that scrollbars CSS works for IE only.

And... If a webpage, hm, maybe... I say maybe, they can be considered as part of the browser not the page...

What about the iframes? Or scrollable DIVs?... They are CERTAINLY parts of web page, so let me, as a web designer, color them as I like...:D

01-08-2004, 11:42 AM
so let me, as a web designer, color them as I like Just to put my foot in: most browsers allow the user to apply their own style sheet, just as I did to revert any scrollbar coloring... Significant in this context is that in the later CSS versions, the user style sheet takes precedence over the one coming with the page... :rolleyes:
Bottom line: you as designer can do everything you want to create a beautiful web page, and the user can do anything he/she pleases to wreck it! :o

01-08-2004, 12:12 PM
Seems OK ronaldb66, that was my point too. I feel free to promote my vision on a webpage, the user may feel free to overchange...

But... there is a contradiction here. If user can use his own fonts, his own background color, his own scrollbar-style... why not build his own entire web page overwriting mine entirely and leave me change my job :D

I would not mind change the job, but the ideea is:

The marketing principles say, so far, that a product will be bought or rejected according to the client, if he accept or not that product. Or if , in our case, user may and wants to overwrite most of my webpage attributes, and others' pages as well, why shoulh he and how will he be able to make a selection?

maybe this could be solved if, on a web page, we will invite the user to chage if he wants to, some of the layout but using our setting not his...

01-08-2004, 05:35 PM
Golly, another thread where people post the same thing as the last person again and again ....

Alrighty to summarize it:
1. You can change the colors of the scrollbar using the styles as posted a few posts up.

2. You shouldn't change the colors of scrollbars, I don't care who you are or what you do you shouldn't do it. This is not just my oppinion but the oppinion of many seasoned developers and of course people who browse your websites. I have debated this (and swayed a few people I think :D) in pretty much every thread on this topic in this forum with the very same argument everytime, so instead of just repeating it I'll let you search to find out why.

3. Please you the search facility in future.

Thread closed ....