Chrome的侧边滚动条样式修改

倒是支持-webkit-前缀的浏览器可以说说。例如，对于 Chrome 浏览器：
• 整体部分，::-webkit-scrollbar；
• 两端按钮，::-webkit-scrollbar-button；
• 外层轨道，::-webkit-scrollbar-track；
• 内层轨道，::-webkit-scrollbar-track-piece；
• 滚动滑块，::-webkit-scrollbar-thumb；
• 边角，::-webkit-scrollbar-corner。
但是我们平时开发中只用下面 3 个属性：
::-webkit-scrollbar { /* 血槽宽度 */ 
 width: 8px; height: 8px; 
} 
::-webkit-scrollbar-thumb { /* 拖动条 */ 
 background-color: rgba(0,0,0,.3); 
 border-radius: 6px; 
} 
::-webkit-scrollbar-track { /* 背景槽 */ 
 background-color: #ddd; 
 border-radius: 6px; 
}