浏览器滚动条样式设置

以下内容只需粘贴复制到全局样式内就会得到应用，对于需要的效果只要在对应的大括号内添加对应的css样式即可。

定义滚动条样式

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(240, 240, 240, 1);
   / /隐藏滚动条
  display: none
}

定义滚动条轨道 内阴影+圆角

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  border-radius: 10px;
  background-color: rgba(240, 240, 240, .5);
}

定义滑块 内阴影+圆角

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background-color: rgba(240, 240, 240, .5);
}