I’m already using jQuery to customize my select boxes, but recently i’ve noticed in one of the drop-downs that the list is really huge.
So I wonder how it’s possible to style scrollbar with CSS3 + jQuery. I would like to apply that style to all scrollbars on my page or do you think it would be better to apply it to only elements?
THANKS!
It can’t be done with CSS alone. Scrollbar styling is not supported by any browsers except IE.
In order to create a custom scrollbar style you must either fake the scroll bar (see Custom scroll bar visualization with HTML/CSS/JavaScript) or use a javascript library that does all the work for you (like a jquery plugin).
Several jquery plugins are listed here: http://www.net-kit.com/jquery-custom-scrollbar-plugins/