0

このcssコードを見てください

#ContactForm .wrapper {
min-height:30px;
padding-bottom:8px;
} 
#ContactForm .bg {
border:1px solid #aaaaaa;
background-color:#e9e9e9;
float:left;
}
#ContactForm .input {
width:200px;
height:12px;
background:none;
padding:6px 10px 6px 10px;
color:#000;
font:10px Arial, Helvetica, sans-serif;
}

ブラウザー (firefox) でテストすると、入力ブロックの高さがある程度高くなります。上下のパディング値を 6 から 0 に減らしてみましたが、役に立ちませんでした。また、高さを 12 から低い値に減らしても効果はありません。

それは頑固で、ある程度の高さに固定されています。何が間違っている可能性がありますか?? 必要に応じて、他のデータも提供できます。

これはhtmlコードです

<div  class="wrapper"> <strong>Phone:</strong>
        <div class="bg">
                <input type="text" class="input" >
        </div>
</div>

前もって感謝します

4

2 に答える 2

1

ラッパーから高さを減らすと半分になると思います..そうでない場合は、高さを他の要因から制御する必要があります..確認してください..

あなたのコードを見て、これが解決策です..

同じことを更新してください..

#ContactForm .wrapper {
min-height:30px;   (CHECK THIS)
padding-bottom:8px;
}
于 2013-01-30T14:32:52.520 に答える
0

  1. 入力したフォームのIDが「ContactForm」であることを確認してください

  2. 次の例のように、の#ContactForm間のスペースを削除します.input

    #ContactForm.input {
width:200px;
height:12px;
background:none;
padding:6px 10px 6px 10px;
color:#000;
font:10px Arial, Helvetica, sans-serif;
}

それはうまくいくはずです。

于 2013-01-23T13:23:21.890 に答える