浏览器滚动条默认样式改变

<style type="text/css">
    /*谷歌浏览器*/
    ::-webkit-scrollbar{height:20px;width:10px;background:rgba(222,222,222,0.5);transition:all 0.3s ease-in-out;border-radius:5px}
    ::-webkit-scrollbar-button{display:none}
    ::-webkit-scrollbar-track{background-color:#fff}
    ::-webkit-scrollbar-track-piece{background:#fff}
    ::-webkit-scrollbar-thumb{width:10px;min-height:15px;background:rgba(0,0,0,0.3);transition:all 0.3s ease-in-out;border-radius:5px}
    ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.6)}
    ::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.8)}
    /*ie浏览器*/
    body{
        scrollbar-arrow-color: #606060;       /*三角箭头的颜色*/
        scrollbar-face-color: #CDCDCD;        /*立体滚动条的颜色*/
        scrollbar-3dlight-color:#F0F0F0;      /*立体滚动条亮边的颜色*/
        scrollbar-highlight-color: #F0F0F0;  /*滚动条空白部分的颜色*/
        scrollbar-shadow-color: #CDCDCD;     /*立体滚动条阴影的颜色*/
        scrollbar-darkshadow-color: #CDCDCD; /*立体滚动条强阴影的颜色*/
        scrollbar-track-color: #F0F0F0;      /*立体滚动条背景颜色*/
        scrollbar-base-color: #CDCDCD;       /*滚动条的基本颜色*/
    }
</style>