Way back in the day, you could customize scrollbars in IE (5.5) with non-standard CSS properties like
scrollbar-base-color which you would use on the element that scrolls (like the
body) and do totally rad things. IE dropped that.
These days, customizing scrollbars is back, but it’s WebKit this time. It’s a bit better now, because the properties are vendor-prefixed (e.g.
::-webkit-scrollbar) and use the “Shadow DOM“. This has been around for a couple of years. David Hyatt blogged it in early 2009 and put together an example page of just about every combination of scrollbar possibilities
Article source: http://css-tricks.com/custom-scrollbars-in-webkit/