更正Chrome中<input type =“file”/>的格式

时间：2013-12-29 13:33:04

标签： css google-chrome input-type-file

标记是一个简单的<input type="file" class="uploadImageInput"></input>

请帮我垂直居中“无文件选择”文字。我已尽力而为，纵向对齐等。请参见下面的截图：

Rendering on Chrome (bad)

顺便说一下，Firefox似乎呈现了如下所示的预期结果。需要帮助Chrome。通过quirksmode（http://www.quirksmode.org/dom/inputfile.html）建议的路线会很遗憾，因为我的要求非常基本。感谢。

Rendering on Firefox (good) 编辑/更新：事实证明问题出在line-height:1.625 <body>声明中，该声明已继承到此input。强制line-height:1 input解决了这个问题。但奇怪的是，Chrome和Firefox对此的处理方式却截然不同。

1 个答案:

答案 0 :(得分：3)

我认为你应该看看这个链接：http://coding.smashingmagazine.com/2013/02/27/css-form-elements-problem/特别是关于文件输入和我以前不知道的选择器的段落：input[type="file"]::-webkit-file-upload-button

此链接指的是较旧的文章：http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/（过时，但很好地了解浏览器之间的差异）

相关问题
最新问题