いまさらIE6のbuttonタグ

memo

ハマッた。
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