CSS3 How do I implement a custom scroll bar style? Code

What this article brings to you is about CSS3 how to implement a custom scroll bar style? (code), there is a certain reference value, the need for friends can refer to, I hope to help you.

CSS3 Custom scroll bar Styles
Scroll bar composition
::-webkit-scrollbar scroll bar integral part
::-webkit-scrollbar-thumb scroll bar Slider
::-webkit-scrollbar-track scroll bar Slide track
::-webkit-scrollbar-button scroll bar both ends of button
::-webkit-scrollbar-track-piect scroll bar whole minus slider section

The CSS code is as follows:

. content{    Over-flow:auto;}. content::-webkit-scrollbar{     width:4px;     Set track width}.content::-webkit-scrollbar-thumb{             border-radius:10px;    Background-color: #333;    -webkit-box-shadow:inset (0px,0px,5px, #555);}. content::-webkit-scrollbar-track{    border-radius:10px;    Background-color: #999;   -webkit-box-shadow:inset (0px,0px,5px, #555);}