HTML5：如何指定文件输入的宽度？

Question

W3C 验证器说：“此时元素输入不允许属性大小。”

 <input type="file" name="foo" size="40" />

在 HTML5 中指定文件输入宽度的正确方法是什么？

原文由 Brian Bi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在输入字段中使用 style 属性，这允许您使用 css。

<input type="file" name="foo" style="width: 40px" />

或者使用单独的 CSS：

 input[name="foo"] {
  width: 40px;
}

原文由 silppuri 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在您的 css 文件中，这样指定宽度：

 input[type=file] { width: 300px; border: 2px solid red; }

http://jsfiddle.net/VbTAV/

原文由 Dalex 发布，翻译遵循 CC BY-SA 3.0 许可协议