自定义滚动条样式

/* 定义滚动条整体样式 */
::-webkit-scrollbar {
  width: 4px; /* 纵向滚动条的宽度 */
  height: 4px; /* 横向滚动条的高度 */
}

/* 定义滚动条轨道部分 */
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

/* 定义滚动条滑块部分 */
::-webkit-scrollbar-thumb {
  background-color: rgba(128, 128, 128, 0.4);
  border-radius: 3px;
}

/* 鼠标悬停在滑块上时 */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(128, 128, 128, 0.8);
  /* cursor: pointer; */
}