投稿日：2006年6月13日　　　レベル：初級　　　　ソフトウェア：

CSSを使えば、ブラウザのスクロールバーの色を簡単に変更することができます。興味ありませんか？サイトをよりカスタマイズして、統一感のあるものに仕上げることができます。しかし、基本的には好みの問題なので、好きなデザイナーもいれば、そうでない人もいます。しかし、魅力的な要素になることは間違いないと思います。

では、どのようにすればよいのでしょうか？下のように記述していきます。

BODY {
scrollbar-face-color: #003399;
scrollbar-highlight-color: #003389;
scrollbar-3dlight-color: #003360;
scrollbar-darkshadow-color: #053899;
scrollbar-shadow-color: #004399;
scrollbar-arrow-color: #008399;
scrollbar-track-color: #000000; }

ここで気をつけなければならないのは、色のコントラストについてです。コントラストは見る人にとってとても重要になるので、気を使ってみてください。

引用:Web Design Library著者:J. Scott Harris翻訳:atuk