我无法使用以下 css 代码降低输入的高度

Question

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

提前致谢

Answer 1

我认为减少包装器的高度会停止。如果不是，高度必须由其他因素控制。检查..

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

更新我们的相同..

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

Answer 2

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;
   }
   

应该可以的。