字定义-webkit-前缀的浏览器滚动条样式

Chrome浏览器

• 整体部分，::-webkit-scrollbar；
• 两端按钮，::-webkit-scrollbar-button；
• 外层轨道，::-webkit-scrollbar-track；
• 内层轨道，::-webkit-scrollbar-track-piece；
• 滚动滑块，::-webkit-scrollbar-thumb；
• 边角，::-webkit-scrollbar-corner；

CSS 代码

 ::-webkit-scrollbar{
     windth:8px;
     height:8px;
}
::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.2);
    border-radius:6px;
}
::-webkit-scrollbar-track{
    background-color:#ddd;
    border-radius:6px;
}

样式：

image.png