Apple-like scrollbars using CSS
The following CSS monster is what Apple is using: http://jsfiddle.net/thirtydot/kTsUc/886/ ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-corner { background-image: url(http://i.stack.imgur.com/FguQn.png?corner.png); background-repeat: no-repeat; } ::-webkit-resizer { background-image: url(http://i.stack.imgur.com/aKKDY.png?resizer.png); background-repeat: no-repeat; background-position: bottom right; } ::-webkit-scrollbar-button:start { display: none; } ::-webkit-scrollbar-button:end { display: block; } ::-webkit-scrollbar:horizontal { -webkit-border-image: url(http://i.stack.imgur.com/NQ2K6.png?horizontal-button.png) 0 2 0 2; border-color: transparent; border-width: … Read more