修改前端滚动条样式

/* //滚动条整体部分 */
div::-webkit-scrollbar,
ul::-webkit-scrollbar,
main::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* //滚动条的轨道（里面装有Thumb） */
div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
main::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
  background: rgb(239, 239, 239);
  border-radius: 2px;
}
/* //滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） */
div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
main::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 8px;
}
div::-webkit-scrollbar-thumb:hover,
ul::-webkit-scrollbar-thumb:hover,
main::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover  {
  background: #999;
}