修改滚动条样式

结构：

<div id="boxLeft" class="leftbox">
	<div id="treeview-checkable" class="">
		<ul>
			<li ></li>
			<li ></li>
			<li ></li>
			<li ></li>
		</ul>
	</div>
</div>

样式：

<style type="text/css">
        #boxLeft{
            overflow-y: auto;
        }
        #boxLeft::-webkit-scrollbar {
            /*滚动条整体样式*/
            width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
            height: 1px;
        }
        #boxLeft::-webkit-scrollbar-thumb {
            /*滚动条里面小方块*/
            border-radius: 10px;
            box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
            background   : rgba(200, 200, 200, 0.2);
        }
        #boxLeft::-webkit-scrollbar-track {
            /*滚动条里面轨道*/
            box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
            border-radius: 10px;
            background   : rgba(240, 240, 240, 0.2);
        }
    </style>

效果：