スクロールバーのデザインをCSSだけでカスタマイズする方法を具体例を挙げながらまとめていきます。すごく、簡単です。 普通にブラウザの右側に出てくるスクロールバーはまだいいですが、コンテンツの中でスクロールさせる要素のスクロールバーがダサすぎて、なんとかしたい人向けです。 ちなみに、今回メモするTipsは、-webkit系でのみ有効です。ご了承ください。 Firefoxでは、スクロールバーをCSSでカスタマイズすることは現状できないようですね。 -webkit-scrollbarでスクロールバーをカスタマイズできる -webkit-scrollbarというプロパティを指定することで、スクロールバーのデザインはカスタマイズ可能です。 簡単なカスタマイズには簡単な知識だけしか必要ないと思うので、実際に私が扱った要素だけ紹介します。 ::-webkit-scrollbar::-webkit-scr