いまさらIE6のbuttonタグ

ハマッた。
IE6のボタンタグの挙動。
フォームのボタンにCSSでデザイン実装していたのですが、IEのボタンタグって他のボタンタグも一緒に送信するらしい。

<button>〜</button>ってあったらそのvalu値をすべて送りつける

致命的・・・。
ということで、

<input type=”submit”〜 で対応

あとはCSSで実装

#SubmitBtn {
width:100px;
height:30px;
background:url(**) no-repeat 0 0;
border:none;
cursor:pointer;
/ for IE /
text-indent:-9999em;
/ for opera /
padding-bottm:50px;
}
ちなみに、IE6(win)ではtext-indent:-9999em;でボタンごと画面外へいっっちゃうみたい。
inputタグの前に半角スペース(

 
)で解決しました。

Operaはtext-indentが無効らしいので、paddingで文字を非表示。

といった具合にしました。

Comments