CSS滚动条设置

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