滚动条样式

滚动条属性：

::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-button 滚动条两端按钮
::-webkit-scrollbar-track  滚动条外层轨道
::-webkit-scrollbar-track-piece  滚动条内层滚动槽
::-webkit-scrollbar-thumb 滚动条滑块
::-webkit-scrollbar-corner 滚动条边角
::-webkit-resizer 滚动条轨道右下角拖动块

自定义滚动条样式：

// 滚动条轨道
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #0b0d12;
}
// 滚动条整体部分
::-webkit-scrollbar {
  width: 10px;
  background-color: #212328;
}
// 滚动条两端按钮
::-webkit-scrollbar-button {
  display: none;
}
// 滚动条方块
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #212328;
}
// 边角
::-webkit-scrollbar-corner {
  background-color: #0b0d12;
}

效果如图：