Html5 前端 网页滚动条样式的设置

可以在全局里面设置

::-webkit-scrollbar{
    /*垂直滚动条的宽*/
    width: 5px;
    height: 16px;
}
::-webkit-scrollbar-track-piece{
    /*修改滚动条的背景和圆角*/
    background: #abcdef;
    -webkit-border-radius: 6px;
}
/*修改垂直滚动条的样式*/
::-webkit-scrollbar-thumb:vertical{
    background-color: #ffffff;
    -webkit-border-radius: 6px;
}

/*修改水平滚动条的样式*/
::-webkit-scrollbar-thumb:horizontal{
    background-color: #faa;
    -webkit-border-radius: 6px;
}

 

具体可根据需要更改，注释很清楚。