0

从文章中阅读，我发现input[type="file"]在不同的浏览器中具有独特的视图。

我正在寻找使用 CSS（仅在可能的情况下）快速解决此问题的方法，因为我只需要调整width元素的。

http://210.48.94.218/~printabl/contact/这是我目前正在使用的网站 ( )。如果使用 firefox 浏览页面，页面视图会产生不希望的输出。

在此处输入图像描述

问：如何使用 CSS 调整宽度？或任何最简单的解决此问题的方法。

4

2 回答 2

1

您不能使用 CSS 可靠地设置文件输入的样式，因为它们在每个浏览器中的呈现方式都不同。

也许这个 hack 就是你要找的：SO Question。不过，我不确定它在浏览器中的可靠性如何。

于 2013-05-31T01:20:59.903 回答
0

输入属性将调整字段的大小

<input name="" type="text" size="10" maxlength="40" size=50>

CSS 样式按您的预期工作

input[type=file] {width: 100%}

可能重复如何在 css 中设置输入 [type=file] 的样式以使跨浏览器兼容？

于 2013-05-31T02:09:21.823 回答