スクロールバーの色を変更する方法 ／ＣＳＳ

スクロールバーの色を変更する方法を教えてください。／ＣＳＳ

ご質問にお答えします。

サイトの雰囲気に合わせてスクロールバーの色も変更すれば、より一層統一感のあるキレイなホームページにすることができます。


１．スクロールバーの装飾の仕方

スクロールバー本体の色
scrollbar-face-color:色の指定; 

スクロールバー左側（上）の影
scrollbar-highlight-color: 色の指定; 

スクロールバー右側（上）の影
scrollbar-shadow-color: 色の指定; 

スクロールバーの左側（下）の影
scrollbar-3dlight-color: 色の指定; 

矢印の色
scrollbar-arrow-color: 色の指定; 

背面の色
scrollbar-track-color: 色の指定; 

スクロールバー右側（下）の影
scrollbar-darkshadow-color: 色の指定;


２．色の指定

色は、決まった色(blue red greenなど)で指定する方法と、
カラーコードで指定する場合があります。

決まった色で指定する場合：
例)body { background-color:blue }

カラーコードで指定する場合：
例)body { background-color:#0033cc }

カラーコードと色の対応については、検索エンジンなどで、「セーフカラーコード」などのワードで検索してみてください。