スクロールバーの色変更 scrollbar

スクロールバーの色を変える事はできますが、ＩＥのみの設定です

。

/* ----------------------- common ----------------------- */

* {

scrollbar-face-color:#ff0000;
scrollbar-track-color:#00ff00;
scrollbar-arrow-color:#ffffff;
scrollbar-highlight-color:#0000ff;
scrollbar-shadow-color:#000000;
scrollbar-3dlight-color:#ffaa00;
scrollbar-darkshadow-color:#00ffff;

}

scrollbar-face-color:#ff0000;

赤色の部分の色指定

scrollbar-track-color:#00ff00;

緑色の部分の色指定

scrollbar-arrow-color:#ffffff;

白色の矢印部分の色指定

scrollbar-highlight-color:#0000ff;

青色の部分の色指定

scrollbar-shadow-color:#000000;

黒色の部分の色指定

scrollbar-3dlight-color:#ffaa00;

オレンジ色の部分の色指定

scrollbar-darkshadow-color:#00ffff;

水色の部分の色指定

スクロールバーサンプル

/* ----------------------- common ----------------------- */

の直ぐ下

* { }

に入れてください。

「*」がない場合は、追加してください。

scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;

scrollbar-face-color:#ffaaaa;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffaaaa;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;

scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;

---

関連記事

■color　文字の色・境界線の色