jquery - すべてのブラウザでスクロール バーのスタイルを変更しますか?

Question

すべてのブラウザーでスクロール バーのスタイルを変更できる強力な CSS または jQuery が Web テクノロジにありませんか? デフォルトの全幅ウィンドウ画面のスクロール バー スタイルを変更したいと考えています。

Answer 1

次の CSS は、Internet Explorer、Microsoft Edge、または Firefox では機能しません。

/*used to determine the width of scroll bar*/
::-webkit-scrollbar
{width:5px;}

/*where the draggable handle moves*/
::-webkit-scrollbar-track
{background:#212121;}

/*defining the draggable handle*/
::-webkit-scrollable-thumb
{background:#f1f1f1; border-radius:2.5px}

/*hovering over draggable handle*/
::-webkit-scrollbar-thumb:hover
{background:#555;}