时间戳

首页 > 技术文章 > 滚动条样式修改

滚动条样式修改

sun927 2016-11-17 11:09 原文

  1. /*滚动条*/  
  2.       ::-webkit-scrollbar {  
  3.         width: 4px;  
  4.         height: 4px;  
  5.         background-color: #F5F5F5;  
  6.       }  
  7.       /*定义滚动条轨道 内阴影+圆角*/  
  8.       ::-webkit-scrollbar-track {  
  9.         -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
  10.         background: #fff ;  
  11.       }  
  12.       /*定义滑块 内阴影+圆角*/  
  13.       ::-webkit-scrollbar-thumb {  
  14.         border-radius: 3px;  
  15.         -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
  16.         background-color:#40bbf4;  
  17.       }  

推荐阅读