css 修改谷歌默认滚动条样式

直接上代码：

/*滚动条整体部分,必须要设置*/
::-webkit-scrollbar{
     
  width: 8px;
  height: 8px;
  background-color: transparent;
}
/*滚动条的轨道*/
::-webkit-scrollbar-track{
     
  background-color: transparent;
}
/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb{
     
  border-radius: 10px;
  background-color: rgb(7,61,92);
  box-shadow: inset 0 0 5px rgb(7,61,92);
}
/*滚动条的上下两端的按钮*/
::-webkit-scrollbar-button{
     
  height: 0;
  background-color: rgb(7,61,92);
}
 
// 两个滚动条的交汇处
::-webkit-scrollbar-corner{
     
  background-color: transparent;
}

实现效果：