修改浏览器滚动条，滚动条背景为白色

最新推荐文章于 2023-04-06 11:28:35 发布

土垚金鑫

最新推荐文章于 2023-04-06 11:28:35 发布

阅读量1.8k

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/weixin_44994731/article/details/105404150

版权

css 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

修改浏览器滚动条，滚动条背景为白色
如图所示：

在这里插入图片描述

代码如下：

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #999;
    -webkit-border-radius: 7px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
}


::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 3px;
}