更改滚动条样式

css更改滚动条样式

body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
    scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);
    box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);
    background: rgba(218, 218, 218,0.2);
    scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);
    box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);
    border-radius: 0;
    background: rgba(218, 218, 218,0.1);
}

　　

来源：https://www.cnblogs.com/xinheng/p/11995039.html