Log in

View Full Version : styled scrollbars?



tpravioti
02-03-2010, 10:23 AM
hi...does anybody knows how can i style a scrollbar in a div with css??
only the scrollbar, not the content


thanks anyway..

Aravona
02-03-2010, 11:05 AM
This works in IE but wont show on FF (apparently this is a MS feature only):


scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f

Though those colours are ghastly :)

Nile
02-03-2010, 01:00 PM
I don't suggest coloring a scroll bar...

tpravioti
02-03-2010, 03:09 PM
i know this code:


scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f


i find it everywhere but i want to have a coloured scrollbar that works in all browsers and not only in IE..

any other ideas??

simcomedia
02-03-2010, 06:19 PM
Yeah, create your own browser that supports it :) They just don't have that feature across all browsers. Period.

djr33
02-03-2010, 07:11 PM
There is no reason to not style the scrollbars because if it doesn't work they will just be normal. But IE is the only browser that supports it, so about 50% of your guests will not see anything-- it's a waste of time if anything, but not a real issue.
There is no way to style real scrollbars unless the browser supports it. Because of that, you could TRY to make your own scrollbars by creating divs with dragable elements, etc., but that sounds like a terrible (and complex) idea. Alternatively, don't use scrollbars: use another method like scroll buttons.
As has been said by others, the short answer to your question is no, it cannot be done.

kaos
02-04-2010, 01:20 AM
Custom Scrollbars are just annoying. Don't make one.