更改滚动条样式

-webkit- 内核： ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用.

• - ::-webkit-scrollbar — 整个滚动条. 
  

• - ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).
  

• - ::-webkit-scrollbar-thumb — 滚动条上的滚动滑块. 
  

• - ::-webkit-scrollbar-track — 滚动条轨道.
  

• - ::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分. 
  

• - ::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分. 
  

• - ::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).
  

火狐内核:Firefox滚动条样式的css属性只有 scrollbar-color 和 scrollbar-width 这两个。

• scrollbar-width: auto 系统默认的滚动条宽度
  

•                  thin 系统提供的瘦滚动条宽度， 或者比默认滚动条宽度更窄的宽度
  

•                  none 不显示滚动条，但是该元素依然可以滚动 
  

• scrollbar-color:track（轨道）是指滚动条，其一般是固定的而不管滚动位置的背景。
  

•                 thumb（拇指）是指滚动条通常漂浮在轨道的顶部上的移动部分。