前端html css 样式滚动条隐藏

今天遇到了滚动条无法隐藏的问题，本人前端是非常差的那种，在百度上找了很多的教程都无法实现滚动条隐藏效果。
比如：在滚动条的容器上在套一层然后给它加上overflow:hidden; 样式无一例外都没用，最后还是在稀土掘金上找到了答案：

::-webkit-scrollbar使用自定义滚动条的伪对象选择器
::-webkit-scrollbar设置隐藏滚动条
.container {
  width: 350px;
  height: 600px;
  overflow-y: scroll;
  margin: 30px auto;
}
.container::-webkit-scrollbar {
  display: none;
}

感谢这位大佬的文章：
https://juejin.cn/post/6914306537951494151