html - 文件上传控制和 GWT 外观

Question

我正在编写我的第一个 GWT 元素。我有一个带有标签、文件上传控件和上传按钮的表单，但它们在各种网络浏览器中看起来很糟糕而且差异太大。此外，文件上传控件中的按钮与 GWT 按钮控件的样式不同。另一个问题是，在 Chrome 中，用于文件选择的按钮在左侧？!？

我能做些什么？

在 Internet Explorer 中上传文件:

在 Firefox 中上传文件:

在 Chrome 中上传文件:

Answer 1

<input type="file">在不同的浏览器中看起来会有所不同。这是他们和我们必须忍受的方式。

但我认为这不是真正值得担心的事情。如果有人选择使用浏览器工作，他们会根据浏览器的外观来决定工作，其中包括 <input type="file">. 的呈现。

也无法更改此控件的按钮样式(以体面/干净的方式)。

在我看来，您可以让它们保持原样。对我来说<input type="file">是系统(浏览器)而非程序员拥有的某种系统控件。您也无法决定显示哪些文件和不显示哪些文件(例如，过滤和显示“.doc”和“.docx”，其他任何事情都是不可能的)

如果出于某种原因您真的真的需要一个统一的界面:一些网站使用按钮图片并使用 flash 来显示文件打开框。这依赖于闪光灯的存在。我记得(2 年前的内存)YUI 中有一个用于这种文件输入的控件(基于 flash)，也许 GWT 中也有类似的控件。不过我不是很确定。