1

単純なフォームを作成していますが、送信ボタンをテキスト ボックスと同じ高さにすることができません。送信ボタンに高さを追加すると、フォーム全体が下に移動します。私は何が欠けていますか?

コードは次のとおりです。http://jsfiddle.net/7zknq/1/

<style type="text/css"> ::-webkit-input-placeholder { color: #acacac; } input { margin: 0; }</style>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
<form style="padding:0; margin:0;">
<div style="font-family: 'Open Sans', sans-serif; color:#848484; line-height:36px;">
 Testing a form, padding is off on submit button! 
 <input style="display:inline; background-color:#CCC; border:none; height:36px; width:146px; padding-bottom:3px;" type="text" name="name" />
 <input style="display:inline; background-color:#CCC; border:none; height:36px; width:146px; padding-bottom:3px;" type="text" name="name" />
 <input style="display:inline; background-image:none; background-color:#30aa13; border:none; color:#fff; height:36px; font-size:16px;" value="GO" type="submit" />
</div> 
</form>

前もって感謝します、ボブ:)

4

2 に答える 2