Html 我不能用下面的css代码降低输入的高度

请看这个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>

电话：

提前谢谢

确保您输入的表单具有id“ContactForm”

删除

#ContactForm

和

之间的空格。输入

，如下例所示

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

---

那应该行。

我认为降低包装物的高度会有问题。。如果不是，则必须从其他因素控制高度。。检查一下

看看你的代码，这就是解决方案

更新我们的相同

#ContactForm .wrapper {
min-height:30px;   (CHECK THIS)
padding-bottom:8px;
} 

---

你能提供一段JSF代码吗？而且只能在Firefox中提供吗？@Anthony。。什么是JSFIDLE？JSFIDLE是，嗯：。它允许您发布HTML、CSS和JavaScript问题的实时演示，以便我们可以在网站上看到您问题的最小（）演示，允许我们编辑您的代码以更正/测试解决方案。。这条线的高度固定在26像素以下。。。上帝保佑我远离HTML。谢谢你们的回答。我的问题解决了。。我想其他人也可以从中学习……）