フラットボタン

Internet Explorer 3.0以上でおなじみの、マウスを乗っけると盛りあがるボタンです。 behavierを使用しており、 フォーム要素(input、buttonなど)にflat属性をつけるだけでできます。

HEADに記述
<STYLE type="text/css"> input,button{ behavior:url(flat.htc) } </STYLE>

BODYに記述
<input type="button" value="BUTTON" flat> <button type="button" flat> <img src="../../write-off_mini.gif"> </button>

• flat.htc(1.83KB)

• inpou、buttonタグ以外には適用しないほうがよい。
• Tabキーでのフォーカス移動はできません(フォーカスが乗ったらすぐにフォーカスをはずす処理をしているため)。