Javascript 输入类型文件上方不需要的空间

我正在使用引导创建一个表单，并编辑了一些样式。这是一个例子

在fiddle中，您可以看到AddressTextArea非常好，而文件输入附加到输入字段的底部。我该怎么做才对？我已尝试删除填充、边距，将行高设置为0，但没有任何不同之处。

尝试减少填充

.form-control {
  padding: 5px 15px;
  border: 3px solid #eee;
  background-color: #f9f9f9;
  box-shadow: none;
}

尽量减少填充

.form-control {
  padding: 5px 15px;
  border: 3px solid #eee;
  background-color: #f9f9f9;
  box-shadow: none;
}

.form控件{
填充：20px 15px；
边框：3px实心#eee；
背景色：#f9f9f9；
盒影：无；
}
#标志{
填充物：5px；
保证金：0；
显示：内联flex；
对齐项目：居中；
字体大小：13px；
}

标志
地址

.form控件{
填充：20px 15px；
边框：3px实心#eee；
背景色：#f9f9f9；
盒影：无；
}
#标志{
填充物：5px；
保证金：0；
显示：内联flex；
对齐项目：居中；
字体大小：13px；
}

标志
地址

发生这种情况是因为应用于

表单控件的
高度。当您应用垂直于
窗体控件的
填充
时，文件上载按钮位于容器顶部20px处

如果要将“文件上载”按钮垂直放置在中心位置，请对文件输入应用
auto
height

#logo {
    height: auto;
}



#徽标{
高度：自动；
}
.表格管制{
填充：20px 15px；
边框：3px实心#eee；
背景色：#f9f9f9；
盒影：无；
}

标志
地址
发生这种情况是因为应用于
表单控件的
高度。当您应用垂直于
窗体控件的
填充
时，文件上载按钮位于容器顶部20px处

如果要将“文件上载”按钮垂直放置在中心位置，请对文件输入应用
auto
height

#logo {
    height: auto;
}



#徽标{
高度：自动；
}
.表格管制{
填充：20px 15px；
边框：3px实心#eee；
背景色：#f9f9f9；
盒影：无；
}

标志
地址
在
中，您正在调用类“表单控件”，该类给出了字段的高度：34px
使输入字段看起来像这样，您应该添加到css
#logo{height:auto；}


.form控件{
填充：20px 15px；
边框：3px实心#eee；
背景色：#f9f9f9；
盒影：无；
}
#标志{
高度：自动；
}

标志
地址
在
中，您正在调用类“表单控件”，该类给出了字段的高度：34px
使输入字段看起来像这样，您应该添加到css
#logo{height:auto；}


.form控件{
填充：20px 15px；
边框：3px实心#eee；
背景色：#f9f9f9；
盒影：无；
}
#标志{
高度：自动；
}

标志
地址
移除
徽标的高度
@Tushar I添加了一个新规则
#logo{height:0；}
它不起作用。（也包括最小高度和最大高度）从#徽标上移除衬垫，并添加高度#logo{padding:0；height:40px；}@MohammadAreebSiddiqui Use
#logo{height:auto；}
@ThomasByy
height:46px；填充：0使其移到左上角而不是中间。移除
徽标的
高度@Tushar I添加了一个新规则
#logo{height:0；}
它不起作用。（也包括最小高度和最大高度）从#徽标上移除衬垫，并添加高度#logo{padding:0；height:40px；}@MohammadAreebSiddiqui Use
#logo{height:auto；}
@ThomasByy
height:46px；填充：0
使其位于左上角而不是中间。无需
！重要信息
无需
！重要信息