滚动条修改

/* 定义滚动条样式 */
    ::-webkit-scrollbar {
        width: 3px;                                         //滚动条宽度
        height: 5px;                                            //滚动条高度
        border-radius: 10px;                                    //滚动条圆角
        background-color: rgba(226, 226, 226, 0.897);               //滚动条颜色
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);      //轨道阴影
        border-radius: 10px;                                    //轨道圆角
        background-color: rgba(202, 202, 202, 0.5);                 //轨道颜色
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;                                    //滑块圆角
        box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);      //滑块阴影
        background-color: rgba(78, 78, 78, 0.5);                    //滑块颜色
    }
posted @   干红  阅读(23)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示