CSS - 为什么文件上传控件不遵循CSS宽度规则?

时间:2010-07-28 04:03:27

标签: html css forms

我有以下HTML代码:

<input type='file' class="" maxlength="96" size="16" value="" name='headshot' id='headshot' style="width:21.5em;"/>

似乎“尺寸”值控制“爆头”的实际宽度而不是CSS。 为了使它成为一个想法宽度,我必须使用以下代码:

<input type='file' class="" maxlength="96" size="32" value="" name='headshot' id='headshot' style="width:21.5em;"/>

你知道为什么这里的CSS不起作用吗?我在Firefox 3.6.8中测试了上面的代码。

谢谢

3 个答案:

答案 0 :(得分:1)

  

幸运的是,读者Michael McGrady发明了一个非常巧妙的技巧,允许我们(或多或少)设置文件上传字段的样式

见这里:http://www.quirksmode.org/dom/inputfile.html

答案 1 :(得分:0)

您可以尝试删除size属性。我忘了它是否需要验证,但是......

答案 2 :(得分:0)

我同意上述答案,我不认为验证需要size属性(尽管它可能取决于您使用的DTD)。但是你尝试过使用!important值吗?它本质上是为了说这是这个项目的最高CSS值,但它可能适用于这种情况。值得一试。