修改全局滚动条样式

// 修改全局滚动条样式
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #c9cdd4;
}

::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: #c9cdd4;
}

• ::-webkit-scrollbar 伪元素控制整个滚动条的样式。
• width：设置滚动条的宽度，这里设置为 3px，意味着竖直滚动条会很窄。
• height：设置水平滚动条的高度，这里设置为 3px，表示水平滚动条的高度会很窄

• ::-webkit-scrollbar-thumb 伪元素控制滚动条的“拇指”（就是实际可以拖动的部分）。
• border-radius：给滚动条拇指设置圆角
• background-color：设置滚动条拇指的背景颜色

• ::-webkit-scrollbar-track 伪元素控制滚动条轨道的样式，即滚动条背景。
• border-radius：给滚动条轨道设置圆角
• background-color：设置轨道的背景色