カスタムCSSのWebKitのスクロールバーは、ここでFirefoxのbrwoser

Question

に動作していない私のバイオリンです：SCROLLBAR

はChromeとFirefoxのブラウザの両方でフィドルを実行して、カスタムCSSでのスクロールバーに適用されていない見て、「切り替え」ボタンを押しますFirefoxブラウザ。

すべてのブラウザでカスタムスクロールバーを表示する方法はありますか？

::-webkit-scrollbar { 
    width: 8px; 
} 
/* Track */ 
::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 
    -webkit-border-radius: 100px; 
    border-radius: 100px; 
} 
/* Handle */ 
::-webkit-scrollbar-thumb { 
    -webkit-border-radius: 100px; 
    border-radius: 100px; 
    background: #c1bdbe; 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); 
} 
::-webkit-scrollbar-thumb:window-inactive { 
    background: #555D69; 
} 

ご協力いただければ幸いです。

ありがとうございます。

Answer 1

Firefoxはカスタムスクロールバーをまだサポートしていないので、CSSでこれを行う方法はありません。 https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar

すべてのブラウザでグローバルスタイルを使用するには、JavaScriptを使用する必要があります。