webkit 自定义滚动条

浏览器自带的滚动条有点丑，有时候需要自定义来达到整体的美观效果。

这里主要介绍 webkit 的自定义：

::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }

相关文章：

1. https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar
2. https://css-tricks.com/custom-scrollbars-in-webkit/
3. https://webkit.org/blog/363/styling-scrollbars/