webkit-scrollbar在chrome中不起作用

webkit-scrollbar是一个CSS属性，用于自定义浏览器滚动条的样式。然而，在Chrome浏览器中，webkit-scrollbar属性不起作用的原因是，Chrome默认情况下已经禁用了自定义滚动条样式。

尽管webkit-scrollbar在Chrome中不起作用，但可以通过其他方式来实现自定义滚动条样式。以下是一种常见的解决方案：

1. 使用JavaScript库：可以使用一些JavaScript库来实现自定义滚动条样式，例如PerfectScrollbar、SimpleBar等。这些库提供了跨浏览器的解决方案，可以在Chrome中实现自定义滚动条样式。
2. 使用伪元素：通过使用伪元素和一些CSS样式，可以模拟出自定义滚动条的效果。例如，可以使用::-webkit-scrollbar-thumb和::-webkit-scrollbar-track伪元素来分别定义滚动条的滑块和轨道样式。
3. 使用overflow属性：可以使用overflow属性来隐藏浏览器默认的滚动条，然后使用自定义的HTML和CSS来创建自己的滚动条。这种方法需要一些额外的工作，但可以实现更高度的自定义。

总结起来，虽然webkit-scrollbar在Chrome中不起作用，但可以通过使用JavaScript库、伪元素或overflow属性来实现自定义滚动条样式。具体选择哪种方法取决于项目需求和个人偏好。