CSS滚动条设置 

 1 /*IE滚动条颜色设置*/
 2 body {
 3     scrollbar-arrow-color:#f2f2f3;  /*上下箭头*/
 4     scrollbar-track-color:#1589ce;  /*底层背景色*/
 5     scrollbar-face-color:#27aeff;   /*滚动条前景色*/
 6     scrollbar-Shadow-color:#1589ce; /*滚动条边线色*/
 7 }
 8 /*chrome滚动条颜色设置*/
 9 body::-webkit-scrollbar {width:10px; height:10px; background-color:transparent;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
10 body::-webkit-scrollbar-track {background-color:#ccc; border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);} /*定义滚动条轨道 内阴影+圆角*/
11 body::-webkit-scrollbar-thumb {background-color:#555; border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);} /*定义滑块 内阴影+圆角*/

 

posted @ 2018-03-11 12:03  SpiritLing  阅读(3784)  评论(0)    收藏  举报