Html 将自定义滚动条应用于div

我正在尝试将自定义滚动条应用于名为

表容器的
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容器
div

有什么想法吗？
寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码，最好是以最短的格式。看，普里克，你想达到这样的目的吗@technico是的，我用过它，效果很好，但由于iOS设备的默认滚动条肉眼看不清楚，我不得不求助于自定义滚动条，但无法在div上使用：（这似乎是一个更难解决的问题……这里有一些（不安）方法：@technico谢谢你的链接，我会查看一下，看看是否能找到任何解决方案：）寻求代码帮助的问题必须包含在问题本身中复制它所需的最短代码，最好是在一个文档中。看，普里克，你想达到这样的目的吗@technico是的，我用过它，效果很好，但由于iOS设备的默认滚动条肉眼看不清楚，我不得不求助于自定义滚动条，但无法在div上使用：（这似乎是一个更难解决的问题……这里有一些（不安）方法：@technico感谢您的链接，我会查看它，看看是否能找到任何解决方案：）