css 改变scroll样式

  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. }  
posted @ 2015-11-02 11:49  暖爱  阅读(3243)  评论(0编辑  收藏  举报