※スタイルシート、スタイル属性の詳しい解説は、「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>