Html Mozilla中的滚动条css

我正在尝试设计滚动条，因为我已经给出了类似的东西

::-webkit-scrollbar {
  width: 8px; 
   background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

::-webkit-scrollbar-thumb:vertical {
  background: rgba(0,0,0,0.61);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.61); /* Some darker color when you click it */
  -webkit-border-radius: 100px;
}

---

这与Chrome和Safari配合得很好，我希望同样的css应用于Firefox；我怎样才能得到呢？

不支持使用CSS改变滚动条的外观。它改变了浏览器UI元素的外观，因此它是否会被支持是个疑问

你可以把阴囊藏在mozila

CSS:

---

Mozilla支持论坛上的文章讨论了“如何隐藏或禁用垂直和水平滚动条？”您可以试试这个

可能与此重复

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

 scrollbar{
  -moz-appearance: none !important;
 }

http://support.mozilla.org/en-US/questions/957337