参照ボタンの横に大きさを揃えて送信ボタンを置きたい

質問

質問させてください。
下記のように、参照フォームと送信ボタンを横並びで設置したいのですが、
ブラウザ毎で参照ボタンと送信ボタンのサイズがずれてしまいます。
IE7・IE8・Firefox3.6でボタンの大きさ（高さや文字位置）をCSSで合わせるにはどうしたらいいでしょうか・・・。
完全に合わせるのは不可能なんでしょうか？

<input type=file name=""><input type=submit value="送信する">

何かいい方法がございましたら、教えていただけますでしょうか。

回答No.2

karita_83

こんにちは。

外部スタイルシートは使っていないものと仮定してお返事いたします。

<input style="padding:5px;font-size:11px;width:120px;" type=submit value="送信する">

上記style="" の部分を同じように参照のinputにも書き加えてください。

input要素には幅などが指定できるので、これでうまくいくはずです。
font-sizeや、width、paddingなど、大体私の好みで書きましたので、
ご自分の好きな大きさや隙間に設定しなおしてみてください。

ちなみに
border:色　○px solid ;
と書くとinputの周りの線を好きな色にしたり太さにしたりできます

borderについての参考url
http://www.tagindex.com/stylesheet/box/border.html

borderを書くときもstyle=""の中に書いてみてください。

こういったことのご質問でなければすみません・・・。

回答No.1

torayoshi

これが正しい方法かどうかは分からないけど、ボタンの大きさは変えられます。
<input type=file name=""><input type=submit value="送信する"style="_font-size:10px;">

元々ブラウザ毎でフォーム部品の大きさが違うのは仕様だから仕方ないですね…