08：HTMLayout 自定义滚动条样式

演示地址：https://www.btbat.com/1065.html

CSS 代码：

/* 自定义垂直滚动条 */
@set mini_scrollbar {
	.base { width: 9px;border:none;}
	:root { }
	:root:hover { }
	.base, .prev, .next, .next-page, .prev-page ,.corner ,.button{ 
		display:none;background-color: transparent; border: none; height:0; foreground-image:none;}
	.slider {background: transparent url(../images/sider_normal.png);
		background-position: 4px 0px 4px 0px;
		background-repeat: expand;}
	.slider:hover {background-image: url(../images/sider_hover.png);}}

所需图片文件(右键另存为)：

css 引用代码：  overflow-y:auto;vertical-scrollbar: mini_scrollbar;