CSS使用::-webkit-scrollbar设置滚动条样式

修改某个容器的滚动条样式

.scrollDom::-webkit-scrollbar {
  width: 6px; // y轴
  height: 6px; // x轴
}
.scrollDom::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
.scrollDom::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgb(178, 178, 186);
}

全局修改滚动条样式：在全局样式表中添加以下内容

::-webkit-scrollbar {
  width: 6px; // y轴
  height: 6px; // x轴
}
::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgb(178, 178, 186);
}