Previous Message
Next Message

Customisable scrollbars with css

Sent by Christian Heilmann on 25 July 2006 13:01


> This is not a problem I am having but just a question that I have had for a
> while and just decided to ask the people in the know (",) heehee
>
> Is there anyway to customize scrollbars using css so that they don't default
> to the basic crappy windows grey ones? I know tis not a big thing as I
> generally tend to stay away from having to make users scroll as much as
> possible, but in some cases it can't be avoided, so if one was to go about
> it how would it be done, and that is only if it indeed can be done.

No, you can colour them in Opera and MSIE, with non-standard CSS
selectors[1] but you won't be able to change their look completely and
cross browser. For example Safari will always show the same ones.

Also notice that what is "ugly and grey" for you is "familiar" to
users, whereas an own slider control or style might be confusing at
first. We make a lot of decisions about web sites subconsciously and
when I need to find an interactive element first I feel uneasy - no
matter how versed you are in the web.

That said, if there is no way out you can use JavaScript to simulate
your own scrollbars with the YUI slider control [2], but in most cases
it is not worth the hassle IMHO.

[1] http://www.yourhtmlsource.com/stylesheets/scrollbars.html
[2] http://developer.yahoo.com/yui/slider/

-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: