Scrollbars for Firefox.

[xiadow001]

I know Firefox doesn't support decorated scrollbars in CSS. But I saw some sites that has them colored scrollbars and I was using FireFox... Anyone know how they've done it?? Is it a hack or something?? Anyone, please teach me..:drool:

 

[TechAsh]

Try this

html {
scrollbar-base-color: #9999cc;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

Change the colours to suit you style

 

[VPmase]

I'm pretty sure that you can only change the scrollbars in IE since Firefox and other browsers' scrollbars are set by user preferences (skins and etc)

 

[TechAsh]

I have tried it and it works.
I'm using FireFox3 Beta 5. I haven't tried any other skins so they may override the CSS, I don't know. But it works with the default theme.

 

[THuniv]

Try this

html {
scrollbar-base-color: #9999cc;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

Change the colours to suit you style

If I use this, would it still work with other browsers such as IE? :happysad:

 

[xiadow001]

Hmm.. downloading FireFox 3 right now.... I'm gonna try it out.. Tnx for d info.. :biggrin:

 

[theafterthought]

If I use this, would it still work with other browsers such as IE? :happysad:

That IS the CSS for IE. It definitely doesn't work on my firefox browser, although I haven't taken the plunge and got version 3 yet so that may be different. Though I would still assume any custom skin would override it, I can't see any reason to think otherwise...

 

[gamerdude]

You can always use javascript to use different settings based on browsers.

 

[kateblogs]

That IS the CSS for IE. It definitely doesn't work on my firefox browser, although I haven't taken the plunge and got version 3 yet so that may be different. Though I would still assume any custom skin would override it, I can't see any reason to think otherwise...

I'm guessing the Beta version of FF has support for customised scroll bars, but like you, I wonder how that will work if you are using anything but the default skin. I'm guessing it won't, but I'd be interested to hear from any Beta users who have customised their scroll bars.

 

[jerseyautoparts]

theres tutorials online..just google them.

 

[kkenny]

I've seen sometimes it work and sometimes it doesn't work in FX 3 Beta 5, I think it depends on the level of valid CSS you provide.