/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar {  
    width: 8px;  
    height: 8px;  
    background-color: #9bb0eb;    
}  
 
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track {  
    box-shadow: inset 0 0 6px rgba(195, 135, 135, 0.3);  
    -webkit-box-shadow: inset 0 0 6px rgba(195, 135, 135, 0.3);  
    border-radius: 10px;  
    background-color: #cad1e4;
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {  
    border-radius: 10px;  
    box-shadow: inset 0 0 6px rgba(64, 9, 203, 0.3);  
    -webkit-box-shadow: inset 0 0 6px rgba(41, 23, 205, 0.3);  
    background-color: #2d1fd1;  
}

/*鼠标在滑块上方时滑块变色*/  
::-webkit-scrollbar-thumb:hover {
    background-color: #607ded;
}