IEでのボタンの幅の調整方法

質問

IEに以下のようなボタンを表示させると、firefoxに比べて
いやにテキストの両側にすきまのあいたボタンが出来てしまいます。
スタイルシートでpaddingで調整できるのかと思い、padding:0px;で
指定してみましたが変わりません。

aタグでクラス指定して、スタイルを細かく指定すれば、それらしく
出来るのはわかるのですが、何かもっとシンプルな良い方法は
ないでしょうか。

よろしくお願いします。

回答No.2

leap_day · ベストアンサー

こんにちは

IEでならwidth指定してやればすき間の調整はできましたよ（＾＾）
・・・ボタンの大きさは変わっても良いんですよね？

<form method="GET">
<input type="button" style="width:110px;" value="検索エリアON/OFF" />
</form>

お礼

ありがとうございました。
widthで全体幅を抑えるというのは、見落としてました。
IEでもfirefoxでも有効ですね。

回答No.3

MAN_MA_RUI

環境依存の問題を考えるとこっちがいいんじゃないかな？
<button type="submit" style="padding:0px;">ほげ</button>

お礼

今までinputばかり使っていたので、
buttonというタグがあるのは知りませんでした。
ありがとうございます。
ただ、IEの場合はpadding:0pにしても、幅がfirefoxより
広くなってしまうのは同じでした。同じように幅を
指定するには、widthが良いようです。

回答No.1

moon_night

以下のようなボタンはどれですか？

お礼

例を書き忘れるというお粗末を指摘して
もらい、ありがとうございました。
おかげでよい回答ももらえました。

補足

すみません。

<form method="GET">
<input type="button" value="検索エリアON/OFF" />
</form>

これだけの何の変哲もないボタンです。