CSS 定制 Google Chrome 浏览器滚动条样式

/*---滚动条默认显示样式---*/  
::-webkit-scrollbar-thumb{  
   background-color:#999;  
   height:65px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:1px;  
   /*border: 2px solid #999;*/
}  

/*---鼠标贴合滚动条样式---*/  
::-webkit-scrollbar-thumb:hover{  
   background-color:#777;  
   height:65px;  
   -webkit-border-radius:1px;  
}  

/*---滚动条大小---*/  
::-webkit-scrollbar{  
   width:8px;  /*右侧竖向滚动条宽度*/
   height:8px;  /*底部横向滚动条高度*/
}  

/*---滚动框背景样式---*/  
::-webkit-scrollbar-track-piece{  
   background-color:#9e9e9e3b;  
   -webkit-border-radius:1px;  
}  

/*---激活滚动条样式---*/
::-webkit-scrollbar-thumb:active{  
   height:90px;  
   background-color:#666;  
   -webkit-border-radius:1px;  
}  

0 条评论

昵称

沙发空缺中,还不快抢~