※スタイルシート、スタイル属性の詳しい解説は、「HTMLの解説」にあります。

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

このページのみウィンドウに表示されるスクロールバーの色を変更します。
また、フォーム内で使用される要素のスクロールバーの色も変更します。

これらは、スタイルシートを使用して指定しています。

上のテキストエリアは指定なし、下のテキストエリアはスタイルシートで指定しています。

スタイルシートスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。

なお、表示色に関してはご自分できちんと指定してください。



まず、HEAD句内スタイルシートを記述します。
下記のように「.」に続いて任意のスタイル名で指定します。
ウィンドウのスクロールバーだけなら「.pinks」の記述は必要ありません。

【記述サンプル】
<STYLE type="text/css"> <!-- body { scrollbar-3d-light-color: red; scrollbar-face-color: white; scrollbar-arrow-color:#9999ff; scrollbar-base-color:white; scrollbar-darkshadow-color: white; scrollbar-highlight-color: #9999ff; scrollbar-shadow-color: #9999ff; scrollbar-track-color: white; } .pinks { scrollbar-3d-light-color: red; scrollbar-face-color: white; scrollbar-arrow-color:#FF99FF; scrollbar-base-color:white; scrollbar-darkshadow-color: white; scrollbar-highlight-color: #FF99FF; scrollbar-shadow-color: #FF99FF; scrollbar-track-color: white; } --> </STYLE>

部分的に指定したい場合は、次のようにその要素のclass属性を指定します。

【記述サンプル】
<TEXTAREA class="pinks">色変更のサンプル</TEXTAREA>

page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom