请看上图。我有这个问题好几次了。文本从不与按钮对齐。我们怎样才能改变它，使它们对齐？
代码很简单：
<td><label>Image/Avatar Upload</label></td>
<td><input type="file" name="avatar"></td>
和CSS：
input {width: 350px; font-size: 20px; padding: 2px;}
谢谢！
问问题
1415 次
2 回答
2
简短的回答是：不要费心尝试设置文件输入的样式
长答案：完全控制样式文件输入多年来一直困扰着我们。它们的组件属于所谓的Shadow DOM。我们可以看到它们，但我们无法真正触摸它们。较新的输入元素（日期、时间、颜色等）具有相同的“问题”。
应该注意的是，并非每个浏览器样式文件的输入方式都相同。如果你真的很想控制这个元素，你必须替换它（谷歌：“用图像替换文件输入”）。如果您这样做，用户将无法在不与文件输入元素交互时准确查看正在上传的文件（出于安全原因，文件名将可通过 JavaScript 访问，但路径不会是）。
于 2012-12-30T14:44:41.473 回答
0
您应该提供更多详细信息，因为您提供的代码运行良好。
<td><label>Image/Avatar Upload</label></td>
<td><input type="file" name="avatar"></td>
看到这个小提琴
于 2012-12-30T14:13:36.320 回答