如何更改div部分滚动条的CSS样式？

Question

I have created a div section with a fixed width, while the content in it is overflowing, thus displaying a default horizontal scrollbar for that div. Now I want to style that horizontal scrollbar similar to this example : http://themefuse.com/demo/html/WebStudio/Dark/Green/index.html but without using jquery, code must be using only CSS and Javascript.

How can I achieve this? Any help would be highly appreciated.

Answer 1

You have to use ::-webkit-scrollbar css rule that is compatible only with webkit-based browsers. Here you can find a good howto/guide http://css-tricks.com/custom-scrollbars-in-webkit/