### 自定义滚动条的样式
~~~
/*页面上的滚动条样式*/
::-webkit-scrollbar{
width: 1rem; // 这个是定义Y轴方向上滚动条的宽度的
height: 1.2rem; // 这个是定义X轴方向上滚动条的宽度的
background-color: rgb(41,54,64);
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 0 #666;
border-radius: 0.7rem;
background-color: white;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
border-radius: 0.7rem;
-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
background-color: gray;
}
~~~
