How do I change browser scroll bar color?

[lamoose]

scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;

I have the above in a style sheet, ehich is linked to the html file. Do I have to call these styles somewhere in the code?

[jetboy_70]

Try:

html, body {
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

[D_Blackwell]

Are they in the body element?
body {
scrollbar-something: #color;
}
<edit>Must be why you're called jetboy:)</edit>

[TheBlueEyz]

Just a quick note on this:

Those styles will only work in IE (and possibly some other obscure browsers that decided to support them).

The reason is, those styles will NOT validate as they are not valid W3C CSS.

And in most cases, they actually reduce accessibility - 9 times out of 10 I can't tell which part of the scroll bar is the bar and which is the background.

I hate those things...

[lamoose]

yes they are in the body tag.

BODY {
background-color: #1E1E2A;
color: #E4E4E4;
margin: 0px;
margin-bottom: 10px;
padding: 0px;
font: 11px Verdana, Arial, sans-serif;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
/* SCROLLBAR-base-COLOR: #2A2A34;
SCROLLBAR-ARROW-COLOR: #9F9FA8; */
}

[lamoose]

sorry, it works on a blank test page. So it must be conflicting styles somewhere in this site. err

[vkaryl]

Have to agreee BlueEyz....

[ktwilight]

Opera 7.51 supports it. i heard that it will be out for CSS3 and become a standard? not sure though.

[TheBlueEyz]

I certainly hope not! I think those things are ugly :(