我们在网站上有一个文件输入,不像演示中那么高(见下文;我夸大了它以更好地显示问题)但我们无法将文件名垂直居中 – 只有按钮垂直居中.这通常不是问题,因为我们通常坚持使用默认样式,但在这种情况下,客户端需要在此输入上使用边框,以便右边框与其下方的一些右对齐按钮对齐.在我们的例子中,高度为23px(行高相同).
有关演示,请参阅http://jsfiddle.net/UK72P/.据我所知,这只发生在Chrome&可能是IE9 / 8(很快就会确认). jsfiddle中的代码是：
HTML
<input type="file">
CSS
input {
display: inline-block;
height: 40px;
line-height: 40px;
border: 1px solid #999;
}
是否有一些我不知道的财产或者这是不可能的？
提前致谢,
理查德
解决方法
input[type="file"] {
line-height: 10px;
}
这对我有用,Chrome 29.0.1547.57
