*::-webkit-scrollbar {width:7px; height:10px; background-color:transparent;} /定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸/
*::-webkit-scrollbar-track {background-color:#f0f6ff; } /定义滚动条轨道 内阴影+圆角/
*::-webkit-scrollbar-thumb {background-color:#73abb1; border-radius:6px;} /定义滑块 内阴影+圆角/
.scrollbarHide::-webkit-scrollbar{display: none}
.scrollbarShow::-webkit-scrollbar{display: block}
修改滚动条样式
最新推荐文章于 2024-01-11 15:47:54 发布
这篇博客详细介绍了如何使用CSS来定制网页中的滚动条样式，包括设置滚动条的宽度、高度、背景颜色以及轨道和滑块的样式。同时，通过类名`scrollbarHide`和`scrollbarShow`实现了滚动条的隐藏与显示控制，为网页提供更加美观和交互友好的滚动体验。
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
