[解決済み】Firefox のカスタム CSS スクロールバー

質問

CSSでスクロールバーをカスタマイズしたい。

私はこのWebKitのCSSコードを使っています。これはSafariとChromeでうまく機能します。

::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}

::-webkit-scrollbar-track-piece {
  background-color: #c2d2e4;
}

::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #0a4c95;
}

Firefoxで同じことをするにはどうしたらいいですか？

jQueryを使えば簡単にできるのはわかっているのですが、できることなら純粋なCSSでやりたいと思っています。

どのように解決するのですか？

2018年末現在、Firefoxで利用できるカスタマイズは限定的になっています

こちらの回答をご覧ください。

• https://stackoverflow.com/a/54101063/405015
• https://stackoverflow.com/a/53739309/405015

そして、背景情報にはこれを。 https://bugzilla.mozilla.org/show_bug.cgi?id=1460109

<ストライク に相当するFirefoxはありません。 ::-webkit-scrollbar と仲間たち。

<ストライク JavaScriptで頑張るしかないでしょう。

この機能を希望する人はたくさんいます、ご覧ください。 https://bugzilla.mozilla.org/show_bug.cgi?id=77790

JavaScriptの置き換えに関しては、試してみてください。

• https://github.com/mdbootstrap/perfect-scrollbar
• https://github.com/Grsmto/simplebar
• https://github.com/vitch/jScrollPane