ボタンに触れると色が変わる

HOME > HTMLの小技 > ボタンに触れると色が変わる


サンプル

←マウスで触れてみてください

ソース

Netscape Navigatorでは<form>〜<form>で囲まないと表示されませんが、IEでは表示できます。

<input type=button value=ボタンの文字
style='background:ボタンに触れる前の色;
font-size:10pt;color:文字の色;border:1 solid 枠の色;'
onmouseover=this.style.backgroundColor='ボタンに触れたときの色';
onmouseout=this.style.backgroundColor='ボタンに触れた後の色';
onclick=alert('コメント')>
</input>

font-size:10
 文字の大きさです(10が標準)

border:1
 枠のサイズを指定


[HOME]