html滚动条样式
2019-10-26 本文已影响0人
Mrhy1996
调整好一块非常好的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
