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