CSS——CSS 自定义滚动条样式

dbt@L

于 2025-06-16 16:08:21 发布

阅读量111

点赞数 3

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/qq_43201350/article/details/148691001

CSS 专栏收录该内容

68 篇文章

订阅专栏

// 滚动条样式
/deep/ ::-webkit-scrollbar {
/_滚动条整体样式_/
width: 10px !important;
height: 1rpx !important;
overflow: auto !important;
background: #ccc !important;
-webkit-appearance: auto !important;
display: block;
}

/deep/ ::-webkit-scrollbar-thumb {
/_滚动条里面小方块_/
border-radius: 10px !important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
background: #ccc !important;
height: 20rpx;
}

/deep/ ::-webkit-scrollbar-track {
/_滚动条里面轨道_/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
border-radius: 10px !important;
background: #ffffff !important;
}