css控制滚动条的样式，大小，颜色

最新推荐文章于 2024-09-12 08:59:59 发布

IT虎先生

最新推荐文章于 2024-09-12 08:59:59 发布

阅读量1.9k

点赞数 1

分类专栏： css3

本文链接：https://blog.csdn.net/weixin_44258359/article/details/102783246

版权

css3 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

.my-scroll::-webkit-scrollbar { /滚动条整体样式/
width: 5px; /高宽分别对应横竖滚动条的尺寸/
height: 1px;
}


.my-scroll::-webkit-scrollbar-thumb { /滚动条里面小方块/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #ccc;/滚动条颜色/
}

.my-scroll::-webkit-scrollbar-track { /滚动条里面轨道/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #EDEDED;
}