Javascript 如何更改div部分滚动条的CSS样式？

我已经创建了一个具有固定宽度的div部分，其中的内容溢出，因此显示了该div的默认水平滚动条。现在我想将该水平滚动条设置为类似于此示例的样式：但如果不使用jquery，代码必须仅使用CSS和Javascript

---

我怎样才能做到这一点？非常感谢您的帮助。

您必须使用：--webkit滚动条css规则，该规则仅与基于webkit的浏览器兼容。在这里，您可以找到一个很好的howto/guide

使用JavaScript而不是JavaScript库有什么意义？为什么不使用jQuery？jQuery是JS，实际上它是在JS中构建的。@thirtydot，Harry Joy，xbonez:我知道，使用jQuery或其他类似的JS库很可能快速创建这样的东西。但我想使用纯javascript创建相同的脚本，因为我们在项目中不使用任何外部库。@manishekhawat“不使用外部库”-真的吗？跳转项目。如果不使用GTK或QT，您不会想到编写GUI C应用程序，那么为什么要在这里束手无策呢？@DavidSouther:）如果我被授权允许这些，我会这样做，因为我喜欢jquery或其他类似的LIB。在开发应用程序时，他们让生活变得如此轻松。但是在这个项目中，正如客户所说，我们不允许使用外部LIB。不幸的是，你不需要Javascript，这是一个CSS特性。谢谢你的回答。但实际上我正在寻找一个跨浏览器的实现。请让我知道，如果你有任何想法，使其工作跨浏览器有没有跨浏览器的实施，目前与CSS技巧。您可以像在您引用的链接中那样构建一个“假”滚动条。查看该链接的源代码，有一个Js正在这样做，下面是这个示例使用JQuery的脚本的URL。我正在寻找一个纯javascript/CSS示例。