针对滚动条的一些样式设置

/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:12px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}


scrollbar-arrow-color: color; /*三角箭头的颜色*/
scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）*/
scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: color; /*滚动条的高亮颜色（左阴影？）*/
scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: color; /*立体滚动条背景颜色*/
scrollbar-base-color:color; /*滚动条的基色*/


html {--maxWidth:1284px;scrollbar-color: linear-gradient(to bottom,#ff8a00,#da1b60);scrollbar-width: 30px;background: #100e17;color: #fff;overflow-x: hidden}html::-webkit-scrollbar {width: 30px;height: 30px}html::-webkit-scrollbar-thumb {background: -webkit-gradient(linear,left top,left bottom,from(#ff8a00),to(#da1b60));background: linear-gradient(to bottom,#ff8a00,#da1b60);border-radius: 30px;-webkit-box-shadow: inset 2px2px2pxrgba(255,255,255,.25),inset -2px -2px2pxrgba(0,0,0,.25);box-shadow: inset 2px2px2pxrgba(255,255,255,.25),inset -2px -2px2pxrgba(0,0,0,.25)}html::-webkit-scrollbar-track {background: linear-gradient(to right,#201c29,#201c29 1px,#100e17 1px,#100e17)}