滚动条样式修改

存在兼容性问题

/* 修改滚动条轨道的样式 */
::-webkit-scrollbar {
  width: 10px; /* 滚动条宽度 */
}

/* 修改滚动条轨道背景颜色 */
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* 修改滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px; /* 滑块圆角 */
}

/* 鼠标悬停在滚动条上时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}