Html 如何解决Firefox在CSS中输入[type=";file";]时的显示问题

Html 如何解决Firefox在CSS中输入[type=";file";]时的显示问题,html,css,Html,Css,通过阅读文章,我发现input[type=“file”]在不同的浏览器中具有独特的视图 我正在寻找一个使用CSS快速解决这个问题的方法(如果可能的话),因为我只需要调整元素的宽度 这是网站(http://210.48.94.218/~printabl/contact/)我目前正在与之合作。如果使用firefox浏览页面,页面视图会给出不需要的输出 Q:如何使用CSS调整宽度?或者解决此问题的任何最简单的方法。您无法可靠地使用CSS设置文件输入的样式,因为它们在每个浏览器中呈现的方式不同 也许这

通过阅读文章,我发现
input[type=“file”]
在不同的浏览器中具有独特的视图

我正在寻找一个使用CSS快速解决这个问题的方法(如果可能的话),因为我只需要调整元素的
宽度

这是网站(
http://210.48.94.218/~printabl/contact/
)我目前正在与之合作。如果使用firefox浏览页面,页面视图会给出不需要的输出


Q:如何使用CSS调整宽度?或者解决此问题的任何最简单的方法。

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


也许这个黑客就是你要找的:。不过,我不确定它在不同浏览器中的可靠性。

输入属性将调整字段大小

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

可能重复

很抱歉,我说的是输入[type=“file”],而不是输入[type=“text”]
input[type=file] {width: 100%}