通过 css 隐藏滚动条在 Safari 中不起作用，如何修复？

我试图通过 CSS 规则隐藏 html 元素的滚动条：

.element::-webkit-scrollbar {width: 0;}

它在 Chrome 中运行良好，但是在 Safari 中不起作用，虽然也不是基于 webkit 并且应该支持这个规则。

有什么想法，为什么会发生以及如何解决？

根据元素使用 z-index 的定位/分层方式，除了隐藏滚动条的外观之外，您可能还需要将滚动条的宽度/高度设置为 0。否则，包含在滚动条下的内容将被隐藏。滚动轨道区域可能被隐藏。

.element::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
}