Webkit custom scroll button

I am trying to figure out how to create a webkit scroll button. I am testing this on safari on Mac.

I've read these guides, but I can't let life define me how to get a simple button to make it move up and down. I have an image that I was supposed to emulate, but I don't know how to do it. Can images be used as buttons? Sample image

! ( http://oi62.tinypic.com/28kh76a.jpg )


Is it still there.

::-webkit-scrollbar {  
width: 12px;  

::-webkit-scrollbar-track {
background-color: #fff;  

::-webkit-scrollbar-thumb {  
background-color: #81CFCC;  
height: 10px;


but not sure how to get the up and down scroll buttons .. or how to style them.


source to share

2 answers

refer to this article, this is all you need to know for webkit scrollbars

Custom scrollbars in WebKit - Css Tricks


You can try something like this

::-webkit-scrollbar-button {
  background: #444;



hope this helps in some way




Use the selector ::-webkit-scrollbar-button

and set its display to lock. I didn't get the buttons to appear until I installed their display support.



All Articles