美化element中的el-table滚动条

el-table设置height后，数据越界的时候会显示垂直滚动条，但是那个滚动条是真的丑

给el-table添加classs随便写个名字，此处用的是bueatyScroll

/*
*改变浏览器默认的滚动条样式
*/
.bueatyScroll .el-table__body-wrapper::-webkit-scrollbar-track-piece {
	background-color:#f8f8f8;
}
.bueatyScroll .el-table__body-wrapper::-webkit-scrollbar {
	width:6px;
}
.bueatyScroll .el-table__body-wrapper::-webkit-scrollbar-thumb {
	background-color:#dddddd;
	border-radius: 100px;
}
.bueatyScroll .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
	background-color:#bbb;
}

这里是利用了webkit内核浏览器的样式

去掉如上样式中的.bueatyScroll .el-table__body-wrapper就是对整个浏览器中的滚动条生效，看各自需要

IE浏览器不是webkit内核，所以设置无效