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

HOME > Web豆知識 > スクロールバーの色を変更

■ スクロールバーの色を変更するには

スクロールバーの色を変更するには、スタイルシートを使うと、このページのようにスクロールバーの色が変わります。ソースを記述するページは、フレームやインラインフレームででわなくフレーム内に表示するページにソースをコピーして下さい。

ソース<body>の直後を書き換えてください。
<body style="
scrollbar-3dlight-color:#ff0000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#0000ff;
scrollbar-face-color:#c0c0c0;
scrollbar-highlight-color:#ffff00;
scrollbar-shadow-color:#00ff00;
">
変更箇所
scrollbar-3dlight-color:#ff0000;   外枠の色(外側の左と上)
arrow-color:#000000;   矢印の色
track-color:#ffffff;   バートラックの色
darkshadow-color:#0000ff;   外枠の色(外側の右と下)
face-color:#c0c0c0;   バー表面の色
highlight-color:#ffff00;   外枠の色(内側の左と上)
shadow-color:#00ff00;   外枠の色(内側の右と下)

テクストボックスの色も同時に変わります

■スクロールバーを消すには

<body scroll="no">
■ オススメサイト

Internet Explorer 5.5 以上において、実際の色を確認しながらスクロールバーの色を変えるスタイルシートを簡単に設定することができるサイトです。

IE 5.5 スクロールバー色設定


HOME