效果
代码
/*
滚动条美化
*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
width: 7px;
height: 7px;
background-color: #f7f7f7;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px #cfcfd1;
-webkit-box-shadow: inset 0 0 6px #cfcfd1;
border-radius: 10px;
background-color:#f7f7f7;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
border-radius: 10px;
box-shadow: inset 0 0 6px #cfcfd1;
-webkit-box-shadow: inset 0 0 6px #cfcfd1;
background-color: #cfcfd1;
}