修改谷歌浏览器的默认滚动条

项目（例如vue）中可以直接在全局样式里面直接添加，在入口文件（main.js）引用就可以全局使用了

/*定义滚动条高宽 高宽分别对应横竖滚动条的尺寸*/
*::-webkit-scrollbar {
  width: 7px;
  height: 9px;
  background-color: transparent;
} 

/*定义滚动条的轨道的背景颜色*/
*::-webkit-scrollbar-track {
  background-color: #f0f6ff;
}
 /*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-thumb {
  background-color: #dbdbdb;
  border-radius: 6px;
} 
/*定义滑块 内阴影+圆角*/
*::-webkit-scrollbar-thumb:hover {
  background-color: #c2c2c2;
  border-radius: 6px;
} 
.scrollbarHide::-webkit-scrollbar {
  display: none;
}
.scrollbarShow::-webkit-scrollbar {
  display: block;
}