本文最后更新于 1 年前 ，文中信息可能已经过时。如有问题请在评论区留言。

::-webkit-scrollbar CSS 伪类元素会影响设置了 overflow:scroll; 的元素的滚动条样式。

::-webkit-scrollbar 仅在基于 Blink 或 WebKit 的浏览器 （例如，Chrome、Edge、Opera、Safari、iOS 上所有的浏览器，以及其他基于 WebKit 的浏览器） 上可用。滚动条样式的标准方法可用于 scrollbar-color 和 scrollbar-width。

CSS 滚动条选择器 你可以使用以下伪元素选择器去修改基于 webkit 的浏览器的滚动条样式：

  • ::-webkit-scrollbar：整个滚动条。
  • ::-webkit-scrollbar-button：滚动条上的按钮（上下箭头）。
  • ::-webkit-scrollbar-thumb：滚动条上的滚动滑块。
  • ::-webkit-scrollbar-track：滚动条轨道。
  • ::-webkit-scrollbar-track-piece：滚动条没有滑块的轨道部分。
  • ::-webkit-scrollbar-corner：当同时有垂直滚动条和水平滚动条时交汇的部分。通常是浏览器窗口的右下角。
  • ::-webkit-resizer：出现在某些元素底角的可拖动调整大小的滑块。