CSS でスクロールバーをカスタマイズしたい。
私は Safari と Chrome でうまく動作する次の WebKit CSS コードを使用します。
::-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 で実行したいです。
ベストアンサー1
2018 年末現在、Firefox で利用できるカスタマイズは限られています。
次の回答を参照してください:
背景情報として以下をご覧ください:https://bugzilla.mozilla.org/show_bug.cgi?id=1460109
::-webkit-scrollbar
Firefox には、およびそれ と同等のものは存在しません 。
JavaScript を使い続ける必要があります。
多くの人がこの機能を希望しています。以下をご覧ください。https://bugzilla.mozilla.org/show_bug.cgi?id=77790
JavaScript の代替としては、以下を試すことができます。