css修改滚动条样式（ag-grid 修改滚动条颜色）

属性：

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

举例使用：
/* 设置滚动条的样式 */

::-webkit-scrollbar {
    width:12px;
}

/* 滚动槽 */

::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
}

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
	border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
   background:rgba(255,0,0,0.4);
}

修改无效时，可尝试加上元素类名（ag-grid 滚动条修改颜色）

.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
    background-color: #d4e4ff;
    width：10px；
}