-webkit-scrollbar 滚动条样式美化

梦远青城 2014-11-12

-webkit-scrollbar修改滚动条样式,包括背景颜色,大小,形状等等。

.test1::-webkit-scrollbar {  
 width: 8px;  
}  
 .test1::-webkit-scrollbar-track {  
 background-color:#808080;  
 -webkit-border-radius: 2em;  
 -moz-border-radius: 2em;  
 border-radius:2em;  
}  
 .test1::-webkit-scrollbar-thumb {  
 background-color:#ff4400;  
 -webkit-border-radius: 2em;  
 -moz-border-radius: 2em;  
 border-radius:2em;  
}

 原文以及演示地址

相关推荐