在要添加滚动条的标签样式中添加，注意lang="less“
1 ::-webkit-scrollbar{
2 width:12px;
3 background-color:#f1f1f1;
4 }
5 /*定义滑块 内阴影+圆角*/
6 ::-webkit-scrollbar-thumb{
7 background-color:#cac8c8;
8 border: 2px solid #f1f1f1;
9 &:hover{
10 background-color: #797979;
11 }
12 }
13 ::-webkit-scrollbar-button:decrement {//上按钮
14 width: 0px;
15 height: 6.5px;
16 border: 6.5px solid transparent;
17 border-bottom-color: #cac8c8;
18 &:hover{
19 border-bottom-color: #797979;
20 }
21 }
22 ::-webkit-scrollbar-button:increment {//下按钮
23 height: 6.5px;
24 border: 6.5px solid transparent;
25 border-top-color: #cac8c8;
26 &:hover{
27 border-top-color: #797979;
28 }
29 }
效果：
