如何自定义滚动条的样式
滚动条分两种：横向和纵向。分别通过设置 :horizontal{} 和 :vertical{}实现
这里介绍常用css selector
::-webkit-scrollbar— 整个滚动条。::-webkit-scrollbar-button— 滚动条上的按钮（向上和向下的箭头，一次滚动一行）。::-webkit-scrollbar:horizontal{}— 水平滚动条。::-webkit-scrollbar-thumb— 可拖动的滚动手柄。::-webkit-scrollbar-track— 滚动条的轨迹（进度条），其中白色条的顶部有一个灰色条。::-webkit-scrollbar-track-piece— 手柄未覆盖的轨道部分（进度条）。::-webkit-scrollbar:vertical{}— 垂直滚动条。::-webkit-scrollbar-corner— 滚动条的下角，水平滚动条和垂直滚动条相交的地方。这通常是浏览器窗口的右下角。::-webkit-resizer— 显示在某些元素的底角的可拖动调整大小手柄。
注意：以上选择器仅在基于Blink和Webkit内核的浏览器上可用
以下给出一个使用::-webkit-resizer的例子
想要学习更多关于滚动条（比如：例子，浏览器兼容...)点击 scrollbar
