【css】手机端滚动条美化

070711

于 2020-06-28 18:23:04 发布

阅读量436

点赞数 1

CC 4.0 BY-SA版权

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

本文链接：https://blog.csdn.net/weixin_37624436/article/details/107005500

css 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用CSS定制滚动条的样式，包括宽度、高度、边框圆角等属性，实现美观且符合需求的滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        overflow-x: scroll;

        &::-webkit-scrollbar {

            width: 5px;

            height: 8px;

            -webkit-border-radius: 5px;

            -moz-border-radius: 5px;

            border-radius: 5px;

            border: 1px solid #687389;

        }

        &::-webkit-scrollbar-thumb {

            background-color: #6fddff;

            background-clip: padding-box;

            -webkit-border-radius: 5px;

            -moz-border-radius: 5px;

            min-height: 8px;

        }