html滚动条样式

调整好一块非常好的css样式，留下来，记录一下

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.0);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);
  background-color: lightgray;
}

/*定义最上方和最下方的按钮*/
//::-webkit-scrollbar-button{
//  background-color: #000;
//  border:1px solid yellow;
//}

效果图如下：

QQ图片20191026093035.png