Styling overflow:scroll scrollbar with css

Question

Can I design the scrollbar that comes with the overflow:scroll of an element? For example giving it border radius to become rounder?

Answer 1

You can style scrollbars to a degree in both webkit browsers and IE, for Firefox no such CSS exists however so you will need to resort to using a Javascript plugin

Webkit CSS Properties

::-webkit-scrollbar  
::-webkit-scrollbar-button  
::-webkit-scrollbar-track  
::-webkit-scrollbar-track-piece    
::-webkit-scrollbar-thumb  
::-webkit-scrollbar-corner  
::-webkit-resizer  

Internet Explorer CSS Properties

scrollbar-face-color
scrollbar-shadow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-darkshadow-color
scrollbar-track-color
scrollbar-arrow-color  

Firefox / Other Javascript Libraries

1. Perfect Scrollbar
2. Tiny Scrollbar
3. Control Scrollbar

Answer 2

I can't comment so...

Take a look at this tutorial

http://webdesign.tutsplus.com/articles/quick-tip-styling-scrollbars-to-match-your-ui-design--webdesign-9430