Style scrollbars with WebKit

WebKit now supports styling of the scrollbars in overflow sections, listboxes, dropdown menus and textareas. The scrollbar pseudo-element indicates that an object should use a custom scrollbar. When this pseudo element is present, WebKit will turn off its built-in scrollbar rendering and just use the information provided in CSS. The screenshot is generated with following […]
WebKit now supports styling of the scrollbars in overflow sections, listboxes, dropdown menus and textareas. The scrollbar pseudo-element indicates that an object should use a custom scrollbar. When this pseudo element is present, WebKit will turn off its built-in scrollbar rendering and just use the information provided in CSS. The screenshot is generated with following CSS:

::-webkit-scrollbar {
width: 13px;
height: 13px;
}

More infoStyling Scrollbars

Source:→ Ajaxian

About The Author

Deepak Gupta is a IT & Web Consultant. He is the founder and CEO of diTii.com & DIT Technologies, where he's engaged in providing Technology Consultancy, Design and Development of Desktop, Web and Mobile applications using various tools and softwares. Sign-up for the Email for daily updates. Google+ Profile.