HTML多选框滚动条,08：HTMLayout 自定义滚动条样式

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;