【CSS】スクロールバーのデザインを変える

CSSでスクロールバーのデザインを変えるメモ

3つの疑似要素

以下の3つの疑似要素でスクロールバー（+ホバー）のデザインを変更できます。

::-webkit-scrollbar{
    /* 全体のCSS */
}
::-webkit-scrollbar-track{
    /* 背景のCSS */
}
::-webkit-scrollbar-thumb{
    /* バーのCSS */
}
::-webkit-scrollbar-thumb:hover{
    /* ホバーした時のバーのCSS */
}

Firefoxは対応していませんので注意。