将自定义滚动条应用于div

Question

我试图将自定义滚动条应用于名为table-container的div 。 我试过以下CSS：

.table-container {
overflow: scroll;
}

.table-container::webkit-scrollbar {
width: 12px;
}

.table-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}

这不起作用。 如果我从.table-container类中取出::webkit-scrollbar它可以工作，但是将它应用于所有启用了滚动的元素。 我希望上面的代码只适用于.table-container div。

有任何想法吗？