/* scroll bar global style-------such as just mo a specified scroll bar can take its ID class and so on */::-webkit-scrollbar {width:10px;//indicates the width of the vertical scrollbar height:10px;//indicates the height of the horizontal scroll bar }/* Normal slide block style */.sys_module_conten::-webkit-scrollbar-thumb {Background-color:rgba (0,0,0,.05); border-radius:4px; -webkit-box-shadow:inset 1px 1px 0 rgba (0,0,0,.1);} /* The slider's style */::-webkit-scrollbar-thumb {Background-color:rgba (0,0,0,.2) when hovering over the control to which the class is pointing; border-radius:4px;- Webkit-box-shadow:inset 1px 1px 0 rgba (0,0,0,.1);} /* The style of the slider when the mouse hovers over the slider */::-webkit-scrollbar-thumb:hover {Background-color:rgba (0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 Rgba (0,0,0,.1);}
/* Normal time Trunk track section */::-webkit-scrollbar-track {border-radius:4px;-webkit-box-shadow:inset 0 0 6px Rgba (0,0,0,0); Background-color:white;} /* mouse hover on the main track portion of the scrollbar */::-webkit-scrollbar-track:hover {-webkit-box-shadow:inset 0 0 6px Rgba (0,0,0,.4); Background-color:rgba (0,0,0,.01);}
Custom scroll bar Styles