css之伪对象-webkit-scrollbar

`-webkit-scrollbar` 是一个 CSS 伪类选择器，用于定义滚动条的样式。它只在 WebKit 内核的浏览器（如 Chrome 和 Safari）中可用。

通过使用 `-webkit-scrollbar`，您可以修改滚动条的宽度、高度、背景颜色、边框颜色等样式属性。以下是一些常见的 `-webkit-scrollbar` 样式属性：

- `width` 和 `height`: 定义滚动条的宽度和高度。
- `background-color`: 定义滚动条的背景颜色。
- `border`: 定义滚动条的边框属性。
- `border-radius`: 定义滚动条的圆角半径。
- `thumb`: 定义滚动条上拖动滑块的样式。
- `track`: 定义滚动条的轨道样式。

以下是一个示例，演示如何使用 `-webkit-scrollbar` 更改滚动条的样式：

/* 修改滚动条的宽度和高度 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* 修改滚动条的背景颜色 */
::-webkit-scrollbar {
  background-color: #f5f5f5;
}

/* 修改滚动条的边框属性 */
::-webkit-scrollbar {
  border: 1px solid #ccc;
}

/* 修改滚动条的圆角半径 */
::-webkit-scrollbar {
  border-radius: 5px;
}

/* 修改滚动条上拖动滑块的样式 */
::-webkit-scrollbar-thumb {
  background-color: #999;
}

/* 修改滚动条的轨道样式 */
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}