firefox和IE中的滚动条css

Question

我试图在我的应用程序中显示滚动条和mac滚动条一样。对于使用下面的css，我可以在safari和chrome中显示。如何在IE和Firefox中显示它。

::-webkit-scrollbar {
  width: 8px; 

  background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}
/* hover effect for both scrollbar area, and scrollbar 'thumb' */
::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}


::-webkit-scrollbar-thumb:vertical {
     Yes, I pulled out digital color meter */
  background: rgba(0,0,0,0.5);
  -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;
}