设置滚动条样式的属性

　　1.::-webkit-scrollbar滚动条整体部分，其中的属性:width,height,background,border等。

　　2.::-webkit-scrollbar-button滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。

　　3.::-webkit-scrollbar-track外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。

　　4.::-webkit-scrollbar-track-piece内层滚动槽/轨道，需要注意的就是它会覆盖第三个属性的样式。

　　5.::-webkit-scrollbar-thumb滚动的滑块

　　6.::-webkit-scrollbar-corner边角，两个滚动条交汇处

　　7.::-webkit-resizer定义右下角拖动块的样式/两个滚动条交汇处用于拖动调整元素大小的小控件（基本用不上）

　　设置css滚动条样式代码

　　

　　.box{

　　width:600px;

　　height:400px;

　　margin:100pxauto;

　　border:1pxsolid#000;

　　border-right:0;

　　}

　　.main{

　　overflow-x:hidden;

　　overflow-y:auto;

　　color:#000;

　　font-size:16px;

　　height:100%;

　　}

　　.mainp{height:300px;}

　　/*-------滚动条整体样式----*/

　　.main::-webkit-scrollbar{

　　width:8px;

　　height:8px;

　　}