滚动条设置样式

.o_box {
width:100px;
height:100px;
overflow-y:scroll;
border:1px solid red;
}
/*滚动条样式*/
.o_box::-webkit-scrollbar /*//滚动条整体部分*/
{
width: 5px;
height:10px;
background-color:#b5b1b1;
}
.o_box::-webkit-scrollbar-track /*//scroll轨道背景*/
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color:#fff;
}
.o_box::-webkit-scrollbar-thumb /*滚动条中能上下移动的小块*/
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color:#838383;
}

来源：https://www.cnblogs.com/bbqq1314/p/8397589.html