CSS滚动条样式修改

1. *定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/    
2. ::-webkit-scrollbar    
3. {    
4.     width: 16px;    
5.     height: 16px;    
6.     background-color: #F5F5F5;    
7. }    
8.     
9. /*定义滚动条轨道 内阴影+圆角*/    
10. ::-webkit-scrollbar-track    
11. {    
12.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    
13.     border-radius: 10px;    
14.     background-color: #F5F5F5;    
15. }    
16.     
17. /*定义滑块 内阴影+圆角*/    
18. ::-webkit-scrollbar-thumb    
19. {    
20.     border-radius: 10px;    
21.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);    
22.     background-color: #555;    
23. }