css定义滚动条样式

/* 滚动条样式定义 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(128, 164, 195, 0.5);
  border: 2px solid transparent;
  border-radius: 10px;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(128, 164, 195, 0.8);
}

::-webkit-scrollbar-track {
  background-color: rgba(50, 50, 50, 0.05);
}
/* 火狐浏览器滚动条样式 在对应的容器加这个class*/
.scroll-container {
  scrollbar-width: thin; /* 设置滚动条宽度 */
  scrollbar-color: rgba(128, 164, 195, 0.5) rgba(50, 50, 50, 0.05); /* 设置滚动条颜色和轨道颜色 */
}