HTMLで画像ボタンをbuttonタグで作成したのですが、

質問

HTMLで画像ボタンをbuttonタグで作成したのですが、

ボタンの大きさが画像の実サイズを超えて設定されてしまい、余白が出来てしまいます。

ボタンの大きさを画像の大きさにフィットするようにするにはどのようにしたらよいでしょうか？

よろしくお願いします。

回答No.1

ORUKA1951 · ベストアンサー

＞ボタンの大きさを画像の大きさにフィットするようにするにはどのようにしたらよいでしょうか？
スタイルを指定すればよいはず
<button name="submit" value="送る" type="submit" style="width:50px;height:20px;fontsize:8px;">送る<img src="/icons/wow.gif" alt="ナイス"></button>
とか・・・
忘れずにfont-sizeも指定しておかないとはみ出るかも。

いずれにしても、スタイルシートを使うと、ポインターを乗せるだけで色を変えたり、クリックしたら引っ込ませたりできるよ。

お礼

回答ありがとうございます。

早速実装したところ要求どおりの結果が出ました。

CSSを使うところがポイントですね。

これならフォーカス時の画像変化なども出来ますね。

今後ともよろしくお願いします。

回答No.2

yyr446

こっちのやり方はだめですか
<input type="image" src="hogehoge.png">

お礼

回答ありがとうございます。

今回はボタンにVALUEを持たせたかったので、imageタイプが使えなかったのです。

今後ともよろしくお願いします。