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);} /*
 
定義滑塊 內陰影+圓角*/

CSS滾動條設置