::-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;
}
• 整体部分,::-webkit-scrollbar;
• 两端按钮,::-webkit-scrollbar-button;
• 外层轨道,::-webkit-scrollbar-track;
• 内层轨道,::-webkit-scrollbar-track-piece;
• 滚动滑块,::-webkit-scrollbar-thumb;
• 边角,::-webkit-scrollbar-corner。