css重置浏览器默认滚动轴

重置主体body的滚动条

body::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}
// 滚动条主体
body::-webkit-scrollbar-thumb {
  background: #aaa !important;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(168, 168, 168, 0.1);
}
// 滚动条背景
body::-webkit-scrollbar-track {
  background: #ededed !important;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(116, 116, 116, 0.1);
}

横向滚动轴，

.ant-table-body::-webkit-scrollbar {
  width: 10px;
  height: 10px; // 高度为10
}
.ant-table-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(168, 168, 168, 0.1);
}
.ant-table-body::-webkit-scrollbar-track {
  background: #ededed;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(116, 116, 116, 0.1);
}