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

HOME > HTMLの小技 > スルロールバーの色を変更


このページのようにスクロールバーの色が変わります。
<body>の後ろを書換えて下さい。

フレームやインラインフレームで使用する場合は、フレームページにではなくフレーム内に表示するページにソースをコピーして下さい。

ソース<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">

[HOME]