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 减少到零，但无济于事。同样将高度从 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 回答