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);
}

　　

版权声明：本文为xinheng原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/xinheng/p/11995039.html