Javascript 如何更改滚动条的样式？

我有一个带有溢出滚动条的div，我想更改滚动条的样式，如下图所示：

如何更改滚动条

1
2
3
4
5
6
7
8
9
10

11
12
13
14
15
16
17
18
19
20

21
22
23
24
25
26
27
28
29
30

您可以使用fleXcroll更改滚动

选中此项：

---

使用这些选择器，您可以自定义CSS中的滚动条

::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece  
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer

例如：

::-webkit-scrollbar-track{
    width: 12px;
}

---

只需尝试一下

试试滚动条插件。要求我们建议、查找或推荐书籍、工具、软件库、插件、教程、解释技术或提供任何其他非现场资源的问题对于Stack Overflow Stack Overflow来说都是离题的。虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能无效。-谢谢你的评论

::-webkit-scrollbar-track{
    width: 12px;
}