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

質問

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

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

回答No.3

ORUKA1951 · ベストアンサー

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;}
かな。

お礼

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

回答No.2

ORUKA1951

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

お礼

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

回答No.1

Taiyonoshizuku

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

お礼

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

補足

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

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