inputのtextとsubmitの高さがズレる

<form>
<input type="text">
<input type="submit">
</form>

上のHTMLで両方のinputの高さを同じに設定しても、高さが揃わないのですが、
何が原因でしょうか？

No.3 ベストアンサー 回答者： ORUKA1951 回答日時： 2014/10/16 20:20

input[type="text"] {height:30px;}

input[type="submit"] {height:30px;}

そりゃダメでしょう。行内ブロックとして扱われる物と行内要素として扱われる物。
どうしてもなら、
input[type="text"],input[type="submit"]{line-height:40px;}
同じ設定をするのなら統一部分は一つのグループに書くほうがメンテナンス楽になりますよ。
念のため
input[type="text"],input[type="submit"]{line-height:40px;display:inline-block;}
かな。

この回答へのお礼

できました。回答ありがとうございました。

お礼日時：2014/10/16 23:22

No.2 回答者： ORUKA1951 回答日時： 2014/10/15 18:07

<form action="./">

＿<p>
＿＿<input type="text" size="10" name="text">
＿＿<input type="submit" value="送信">
＿</p>
</form>
ずれないはずだけど。
細かい内容が分からないと、答えられない。

この回答へのお礼

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

お礼日時：2014/10/16 23:23

No.1 回答者： Taiyonoshizuku 回答日時： 2014/10/15 17:52

ちなみにどうやって設定してるの？

この回答への補足

こんな感じに設定しました。
input[type="text"] {
height:30px;
}

input[type="submit"] {
height:30px;
}

補足日時：2014/10/16 18:29

この回答へのお礼

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

お礼日時：2014/10/16 23:23