css美化滚动条

css代码

.scrollDiv{
			width: 200px;
    		height: 200px;
    		overflow-y: auto;
		}

		/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
	  .scrollDiv::-webkit-scrollbar{
	    width: 7px;
	    height: 7px;
	    background-color: #F5F5F5;
	  }

	  /*定义滚动条轨道 内阴影+圆角*/
	  .scrollDiv::-webkit-scrollbar-track {
	    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	    border-radius: 10px;
	    background-color: #F5F5F5;
	  }

	  /*定义滑块 内阴影+圆角*/
	  .scrollDiv::-webkit-scrollbar-thumb{
	    border-radius: 10px;
	    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	    background-color: #c8c8c8;
	  }

html代码

<div class="scrollDiv">
	测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
</div>