Css修改滚动条样式

时间:2022-07-24
本文章向大家介绍Css修改滚动条样式，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
    /* 滚动条整体部分 */
    ::-webkit-scrollbar {
        width: 20px;
        height: 20px;
    }

    /*滚动条轨道、滚动条*/
    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-thumb {
        border-radius: 50px;
        border: 5px solid transparent;
    }

    /*滚动条轨道*/
    ::-webkit-scrollbar-track {
        box-shadow: 1px 1px 10px #AAAAAA inset;
    }

    /*滚动条*/
    ::-webkit-scrollbar-thumb {
        min-height: 20px;

        background-clip: content-box;
        box-shadow: 0 0 0 5px #088 inset;
    }

    /*边角*/
    ::-webkit-scrollbar-corner {
        background: transparent;
    }

随机文章
WEB前端知识点必读
最近更新