滚动条css圆角兼容ie,css滚动条样式重写（兼容ie和谷歌）

/* 清除滑条样式 */

::-webkit-scrollbar {

width: 0;

height: 0;

background: none;

}

/*chrome--------------------------------------------start*/

::-webkit-scrollbar {

width: 6px;

height: 6px;

}

/* Track */

::-webkit-scrollbar-track {

background: rgba(255, 255, 255, 0);

border-radius: 6px;

}

/* Handle */

::-webkit-scrollbar-thumb {

background: rgba(201, 201, 202, 1);

border-radius: 6px;

}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

background: rgba(162, 162, 163, 1);

}

/*chrome--------------------------------------------end*/

/*IE--------------------------------------------start*/

* {

/*三角箭头的颜色*/

scrollbar-arrow-color: #c0c4cc;

/*滚动条滑块按钮的颜色*/

scrollbar-face-color: #A2A2A3;

/*滚动条整体颜色*/

scrollbar-highlight-color: #A2A2A3;

/*滚动条阴影*/

scrollbar-shadow-color: #A2A2A3;

/*滚动条轨道颜色*/

scrollbar-track-color: #f4f4f5;

/*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/

scrollbar-3dlight-color: #A2A2A3;

/*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/

scrollbar-darkshadow-color: #A2A2A3;

/*滚动条基准颜色*/

scrollbar-base-color: #f4f4f5;

}

/*IE--------------------------------------------end*/

原文：https://www.cnblogs.com/antao/p/12549623.html