滚动在Mozilla

Question

我试图设计滚动条条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适用于火狐，你能告诉我我怎么能得到那个？

Answer 1

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

您可以隐藏在mozila的scrolbar，

CSS：“如何隐藏或关闭垂直和水平滚动”

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

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

Answer 2

在有关讨论Mozilla的支持论坛文章你可以试试这个link to mozilla support

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