css简约滚动条系统滚动条美化

最新推荐文章于 2023-12-18 08:46:19 发布

温暖的松子

最新推荐文章于 2023-12-18 08:46:19 发布

阅读量255

点赞数

分类专栏：前端layui 文章标签： js javascript css css3 es6

本文链接：https://blog.csdn.net/qq_42197013/article/details/107207895

版权

前端layui 专栏收录该内容

39 篇文章 2 订阅

订阅专栏

css简约滚动条

美化前与美化后
在这里插入图片描述 ****************************************************************************

css代码

::-webkit-scrollbar{width: 3px; height: 10px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{border-radius: 0; background-color: rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}