滚动条修改

/* 定义滚动条样式 */
    ::-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 @ 2022-10-25 17:12  干红  阅读(22)  评论(0编辑  收藏  举报