| ポイント |
<![CDATA[
<input type="text" style="border:3px yellow solid" onMouseover="this.style.borderColor='red'"
onMouseout="this.style.borderColor='yellow'">
]]>
|
| 説 明 |
マウスが乗ったらテキストフィールドの枠の色を変えるには「this.style.borderColor」に色名またはカラーコードを設定します。thisはテキストフィールド自身を表します。つまり自分自身のスタイルを変更することになります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドの枠の色をマウスが乗ったら変える</title>
</head>
<body>
<form name="myFORM">
<input type="text" style="border:3px yellow solid" onMouseover="this.style.borderColor='red'"
onMouseout="this.style.borderColor='yellow'">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドの枠の色をマウスが乗ったら変える