java如何定义滑动条_自定义滚动条

/*滚动条整体部分,必须要设置---如果需要加指定标签，则在前面::加，如：.box*/

.content-orderList::-webkit-scrollbar{

width: 10px;

height: 10px;

background-color: rgba(0,0,0,.02);

}

/*滚动条的轨道*/

.content-orderList::-webkit-scrollbar-track{

/*box-shadow: inset 0 0 5px rgba(0,0,0,.09);*/

background-color: rgba(0,0,0,.02);

}

/*滚动条的滑块按钮*/

.content-orderList::-webkit-scrollbar-thumb{

border-radius: 10px;

background-color: rgba(0,0,0,.2);

}

/*滚动条的上下两端的按钮*/

.content-orderList::-webkit-scrollbar-button{

height: 0px;

background-color: #B0AEDA;

}