Webkit 滚动条应用于特定元素

Question

我目前正在尝试将滚动条 webkit 样式应用于某个元素，但是没有成功。我到处都看过；我在 Stack Overflow 上看到了 2 个线程，但是它们不起作用。

大多数线程说要使用：

.class-name::-webkit-scrollbar { }

不过我运气不好

这是人们推荐的完整示例（它不起作用）： http://codepen.io/wrdle/pen/BQYBjN

如有帮助，将不胜感激！ :) 谢谢

Answer 1

您的 CSS 工作正常 - 您的 CodePen 中的问题是文档在滚动，而不是 #container 元素，所以您看不到它的滚动条。

添加此 CSS 作为示例以查看正确的滚动条：

#container {
  height: 500px;
  overflow: auto;
}

Webkit Scroll Bar applied to certain element