chrome与ie浏览器滚动条样式修改（firefox不支持css修改滚动条样式）

1.chrome滚动条样式修改

#userNavId::-webkit-scrollbar {
         width:10px;
         height:10px;
     }
#userNavId::-webkit-scrollbar-button    {
    /*background-color:#FF7677;*/
}
#userNavId::-webkit-scrollbar-track     {
    background:#394264;
}
#userNavId::-webkit-scrollbar-track-piece {
    background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);
}
#userNavId::-webkit-scrollbar-thumb{
    background:#9aa1c4;
    border-radius:4px;
}
#userNavId::-webkit-scrollbar-corner {
    background:#82AFFF;
}
#userNavId::-webkit-scrollbar-resizer  {
    background:#FF0BEE;
}

 

2.ie滚动条样式修改

#userNavId{
    scrollbar-face-color:#9aa1c4;/*滚动条颜色*/
    scrollbar-highlight-color:#F60;
    scrollbar-3dlight-color:#F00;
    scrollbar-darkshadow-color:#000;
    scrollbar-Shadow-color:#000;
    scrollbar-arrow-color:#394264;/*箭头颜色*/
    scrollbar-track-color:#394264;/*背景颜色*/
}