自定义滚动条样式

最新推荐文章于 2024-07-18 13:56:09 发布

小居米

最新推荐文章于 2024-07-18 13:56:09 发布

阅读量645

点赞数

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

本文链接：https://blog.csdn.net/xiaojuju0/article/details/123268418

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 8px;
    /*滚动条宽度*/
    height: 8px;
    /*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/
 ::-webkit-scrollbar-thumb {
    /* 滚动条 拖动条 */
    background-color: rgba(0, 0, 0, .2);
    border-radius: 6px;
}
 ::-webkit-scrollbar-track {
    /* 滚动条背景槽 */
    background-color: #eee;
    border-radius: 6px;
}