滚动条未隐藏在移动设备上

Question

尽管使用以下代码隐藏了滚动条，但它们在iOS Safari和Chrome和Android Safari中滚动时仍会显示。

::-webkit-scrollbar {
  -webkit-appearance: none;
  -ms-overflow-style: none;
  display: none;
}

element {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  overflow-x: auto;
}

我尝试将element的CSS样式应用于html，body，三个的各种组合以及所有三个。这似乎不起作用。

与直觉相反的是，如果将上述样式应用于元素本身，则滚动条显示在元素下方，而如果将其应用于html或{{ 1}}。

我是否缺少任何样式，或者根本无法在iOS Safari，Chrome和Android Safari上完全隐藏滚动条？