css滚动条样式修改

/* 设置滚动条的宽度和背景颜色 */
::-webkit-scrollbar {
  width: 5px; /* 对于水平滚动条 */
  height: 10px; /* 对于垂直滚动条 */
  border-radius: 100%;
}
 
/* 滚动条轨道的样式 */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* 滚动条轨道的背景颜色 */
}
 
/* 滚动条的样式 */
::-webkit-scrollbar-thumb {
  background: rgba($color: #13c2c2, $alpha: .3); /* 滚动条的背景颜色 */
}
 
/* 当鼠标悬停在滚动条上时的样式 */
::-webkit-scrollbar-thumb:hover {
  background: rgba($color: #13c2c2, $alpha: .3); /* 滚动条的背景颜色 */
}