1、IE下設置滾動條樣式的屬性
scrollbar-arrow-color: color; /*三角箭頭的顏色*/scrollbar-face-color: color; /*立體滾動條的顏色(包括箭頭部分的背景色)*/scrollbar-3dlight-color: color; /*立體滾動條亮邊的顏色*/scrollbar-highlight-color: color; /*滾動條的高亮顏色(左陰影?)*/scrollbar-shadow-color: color; /*立體滾動條陰影的顏色*/scrollbar-darkshadow-color: color; /*立體滾動條外陰影的顏色*/scrollbar-track-color: color; /*立體滾動條背景顏色*/scrollbar-base-color:color; /*滾動條的基色*/
.ScrollBar { scrollbar-arrow-color: #000000; scrollbar-base-color: #71b2dc; scrollbar-face-color: #71b2dc; scrollbar-shadow-color: #71b2dc; scrollbar-highlight-color: #71b2dc; scrollbar-3dlight-color: #88b8ed; scrollbar-darkshadow-color: #88b8ed; scrollbar-track-color:#bde6ff;}
2、chrome下設置滾動條 在樣式中加入以下。
::-webkit-scrollbar 滾動條整體部分,可以設置寬度啥的::-webkit-scrollbar-button 滾動條兩端的按鈕::-webkit-scrollbar-track 外層軌道::-webkit-scrollbar-track-piece 內層滾動槽::-webkit-scrollbar-thumb 滾動的滑塊::-webkit-scrollbar-corner 邊角::-webkit-resizer 定義右下角拖動塊的樣式