Html 更改chrome&；的文件\字段\标记文本字段大小；火狐

大家好

我在尝试更改chrome和FF上的file_field_标记的默认文本字段时遇到问题，它在IE上运行良好，但在其他浏览器上它没有应用该大小

我的密码是

文件_字段_标记“#{compliance.id}_文档”，：size=>'2

我不知道我是否做错了什么，但我确信我错过了一件很小的事情

---

提前感谢

HTML 4.01规范指出，在

的情况下，此属性定义的宽度以像素为单位，而不是以字符为单位

除此之外，您还应该使用CSS来定义宽度。您有两个选项：使用内联样式：

file_field_tag "#{compliance.id}_document", :style="width: 2em"

或者（最好）向标记添加一个类，CSS定义放在样式表中：

file_field_tag "#{compliance.id}_document", :class="short"

/* CSS */
input.short {
  width: 2em;
}
/* ..or if you expect some intelligent browsers, you may be more specific: */
input[type='file'].short {
  width: 2em;
}

您可能需要进行一些实验，因为文件控件可能拒绝接受您的宽度。每个浏览器的默认样式表规则可能会定义一些比您的规则更强的其他规则

对于Firefox，您可以在文件

forms.css

中看到定义。在我的系统上，位置是

/usr/lib64/xulrunner-1.9.2/res/forms.css

有一个定义可以帮助您：

input[type="file"] > input[type="text"] {
  ....

---

为

input[type=“file”].short>input[type=“text”]

定义一个宽度，您应该可以了。但是请注意，此规则可能会在浏览器的每个版本中更改。

您确定此大小在HTML中适用于此版本吗？这可能不是rails的问题。但是HTML兼容性：（感谢Arsen，内联样式比实际尝试在ruby中指定字段的大小要好得多..我使用了：style=>“width”。