用css实现样式滚动条

.box{
        width:300px;
        height:300px;
        overflow: auto;
    } 
    .box::-webkit-scrollbar {
        width:10px;
        height:10px; 
    }
    ul{
        padding-top: 20px;
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em; 
    }
    .box::-webkit-scrollbar-button    {
        background-color:#fff;
    }
    .box::-webkit-scrollbar-track     {
        background:#fff;
    }
    .box::-webkit-scrollbar-thumb{
        background:red;
    }
    .box::-webkit-scrollbar-corner {
        background:#82AFFF;
    }
    .box::-webkit-scrollbar-resizer  {
        background:#FF0BEE;
    }
    .box::-webkit-scrollbar {
        width: 8px;
    }

来自为知笔记(Wiz)