dataTable自定义滚动条颜色

通过class等找到table，如下设置即可：

1、滚动条内的小块样式

.dataTables_wrapper.no-footer .dataTables_scrollBody::-webkit-scrollbar-thumb{
	border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: red;	/*为突出效果，设置红色*/
}

2、滚动条轨道样式

.dataTables_wrapper.no-footer .dataTables_scrollBody::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: blue;/*为突出效果，设置蓝色*/
}

3、滚动条整体样式

.dataTables_wrapper.no-footer .dataTables_scrollBody::-webkit-scrollbar{
	height:4px;	/*横向滚动条时*/
	width:4px;/*纵向滚动条时*/
}

补充：
基于webkit内核浏览器通用写法：

*::-webkit-scrollbar {width:7px; height:10px; background-color:transparent;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
*::-webkit-scrollbar-track {background-color:#4C608E;  } /*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-thumb {background-color:#AABBE0; border-radius:6px;} /*定义滑块 内阴影+圆角*/
.scrollbarHide::-webkit-scrollbar{display: none}
.scrollbarShow::-webkit-scrollbar{display: block}