css如何自定义滚动轴？

ul{
height:1rem;
overflow-y:scroll;
}
ul::-webkit-scrollbar {/*滚动条整体样式*/
width: .682667rem; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
width: .576rem;
border-radius: .576rem;
border: .064rem #fff solid;
background: #5b82dd;
}
ul::-webkit-scrollbar-track{/*滚动条里面轨道*/
border-radius: .576rem;
background: #fff;
}