Firefoxでカスタムスクロールバーを使用する方法は？

Question

Firefoxでカスタムスクロールバーを使用する方法??私は..

@-moz-document url("chrome://browser/content/scratchpad.xul"), 
url("chrome://stylish/content/edit.xul") { 
    scrollbar, 
    scrollbar thumb, 
    scrollcorner { 
     -moz-appearance:none!important; 
     background:none!important; 
     border:none!important; 
     min-height:9px!important; 
     min-width:9px!important; 
    } 

    scrollbar thumb { 
     background:rgba(0,0,0,.2) padding-box!important; 
     border:1px solid rgba(0,0,0,.6)!important; 
     border-radius:3px!important; 
    } 

    scrollbar thumb:-moz-any(:hover, :active) { 
     background:rgba(0,0,0,.8) padding-box!important; /* Why doesn't :active work? */ 
    } 

    scrollbar scrollbarbutton { 
     visibility: collapse !important; 
    }  
} 

Answer 1

私の知る限りでは、scrollbar要素が存在しない、とあなたは（とにかく、Firefoxで）CSSでスクロールバーのスタイルを設定することはできません、これを使用したが、働いていないです。あなたはその要素についてどこで知りましたか？

Answer 2

ここには優れたクロスブラウザスクロールバースタイラがあります。これは実際にネイティブブラウザのスクロールバーをスタイリングする代わりに、スクロールバーを模倣します。

http://livepipe.net/control/scrollbar