浏览器允许自定义滚动条，ie也可以改变默认的样色，不过效果不明显。

CSS:自定义滚动条-QUI-Notes

常见谷歌浏览器滚动条修改： 

::-webkit-scrollbar{width: 10px;height: auto;}
    ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
}
 ::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
}

ie自定义滚动条颜色： 

::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的 
::-webkit-scrollbar-button 滚动条两端的按钮 
::-webkit-scrollbar-track 外层轨道 
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去） 
::-webkit-scrollbar-thumb 拖动条，滑块 
::-webkit-scrollbar-corner 边角 
::-webkit-resizer 定义右下角拖动块的样式 */