css隐藏滚动条？

Question

我想在我的页面上滚动div区域并将div CSS上的溢出设置为可滚动但现在我想在所有浏览器中隐藏滚动条，因此div可以滚动而不显示滚动条/面板，包括在Firefox中隐藏那个糟糕的滚动面板，我知道如何在chrome中隐藏滚动条但这在firefox中不起作用，有人可以提出任何建议吗？

这是我用来隐藏chrome和其他webkit浏览器中的滚动条：

#element::-webkit-scrollbar { 
    display: none; 
}

Answer 1

不是纯CSS（因为你必须添加一个额外的元素）但是如何让你的div更宽一点然后用overflow:hidden将它包装在另一个div中？

内部div仍会滚动，但滚动条将位于外部div的边缘之外，因此它们将不可见。

Answer 2

我发现有人给出了答案：

.noscrollbar{
  -ms-overflow-style:none;
  overflow:-moz-scrollbars-none;// but it seems to not work...
}
.noscrollbar::-webkit-scrollbar{width:0px}

Answer 3

这对我有用

::-webkit-scrollbar {
      width: 0 !important;
   }
-ms-overflow-style: none;

Answer 4

#element {
    overflow: hidden
}