滚动条美化样式

最新推荐文章于 2024-07-01 12:23:56 发布

Lisa

最新推荐文章于 2024-07-01 12:23:56 发布

阅读量158

点赞数

文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_43565197/article/details/126227602

版权

::-webkit-scrollbar{
width: 7px;
height: 7px;
background-color: #F5F5F5;
}

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

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