[SOLVED] Custom scrollbar style for webkit browser

[Tim Curtis]

Here's more detail on what happens on OS X.

1. OS X Scroll bars  = always on:
Media query N = Chrome shows White scroll bars, Safari shows same
Media query Y = Chrome shows media query scroll bars, Safari shows same

1. OS X Scroll bars = overlay scroll bars
Media query N = Chrome shows overlay scroll bars, Safari shows same
Media query Y = Chrome shows media query scroll bars, Safari shows same.

If we leave the media query in place then regardless of the OS X system setting scroll bars will always show which is not desirable thus we need a way to detect whether we are on OS X and then prevent the media query.

On other OS the media query will be beneficial since it replaces the ugly white scroll bars with something nicer :-)

Note the screen shot below that shows the difference in the bg color of the scroll thumbs.