CSS 自定义滚动条设置

需要，默认滚动条显示太丑，如何自定滚动条实现；

效果：

.overflow-auto {
	overflow: auto;
	height: calc(100% - 44px);
	&::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	&::-webkit-scrollbar-track-piece {
		background-color: #eee;
		margin: -2px;
	}
	&::-webkit-scrollbar-thumb {
		background: #aaa;
		min-height: 150px;
		min-width: 150px;
		border-radius: 10px;
	}
	&::-webkit-scrollbar-thumb:vertical:hover {
		background: #555555;
	}
	&::-webkit-scrollbar-thumb:horizontal:hover {
		background: #555555;
	}
}