..



 ■HomeHomePageTips−スクロールバーの色を変える(IEのみ)

+1JavaScript 無料のフリースクリプト集...


スクロールバーの色を変える(IEのみ)

 スタイルシートを用いてスクロールバーの色を変えます。
 


 ちょい技の方法
1.サ ンプル

  上段がベースカラーを指定したサンプルで、下段は細かく指定した場合のサンプルです。使いたい色のテキストエリアから<head>〜</head>タグ間にコピー&ペーストすることでスクロールバーの色を変えることができます。

2.ちょい技の方法

 下記のスタイルシートを<head>〜</head>タグ間に挿入します。テキストエリアに用いる時は<textarea rows="列数" cols="行数" style="スタイルシート">の赤字の部分に<style>タグや「BODY{ 、 }、<!--、--> 」を除いて挿入することで指定できます。

 2−1.べースカラーで指定する場合

<STYLE TYPE="text/css">
<!--
BODY { scrollbar-base-color:#EE7600; }
-->
</STYLE>



 2−2.細かく指定する場合

<STYLE TYPE="text/css">
<!--
BODY {
scrollbar-face-color:#33CCFF;
scrollbar-track-color:#C0FFFF;
scrollbar-arrow-color:#4040FF;
scrollbar-highlight-color:#87E4FF;
scrollbar-shadow-color:#00A9DA;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#007698;
}
-->
</STYLE>




←@ボタン部分を指定します
Aレール部分を指定します
B矢印を指定します
C内側のハイライトを指定します
D内側の影を指定します
E外側のハイライトを指定します
F外側の影を指定します




..


..