※上記例示は、実際に色指定して動作が確認できるようにしていますので、下記の説明とは異なります。ご注意下さい。
■【テキストエリアの設置】
※修飾等のタグは省略しています
-----次の行から(copy)-----
<form name="FORM31">
<textarea rows="5" cols="30" name="txtArea_31" wrap="off">
◇基本色の設定...(省略)
</textarea></form>
-----上の行まで(copy)-----
■【テキストエリアのスクロールバーの色設定】
※例示ではイベントハンドラを使用していますが、あらかじめstyle属性で設定する方法を記述しています
※下記では<form>〜</form>や<textarea〜>の各設定は省略し、style属性の設定のみ記述しています
※各設定は重複しても設定しなくても構いません
◆基本色
<textarea style="scrollbar-base-color:red">
◆スクロールのない部分の色
<textarea style="scrollbar-track-color:red">
◆スクロールバーの表面色
<textarea style="scrollbar-face-color:red">
◆矢印の色
<textarea style="scrollbar-arrow-color:red">
◆外枠の左と左上の色
<textarea style="scrollbar-3dlight-color:red">
◆外枠の右と右下の色
<textarea style="scrollbar-darkshadow-color:red">
◆内側の枠の左と左上の色
<textarea style="scrollbar-highlight-color:red">
◆内側の枠の右と右下の色
<textarea style="scrollbar-shadow-color:red">
■【イベントハンドラによる色変更】
※イベントハンドラの場合は、下記のように記述します(リンク文字をクリックする場合)
※ハイフンがなくって、区切り部分の文字が大文字になることに注意して下さい
<a href="javascript://" onclick="FORM31.txtArea_31.style.scrollbarBaseColor='red';'">基本色指定:赤</a>
|