10

所以我有这个文本字段

<%= f.text_field :body, placeholder: "Make an offer ", :maxlength=>"254" %>

现在它占据了它所在盒子宽度的 100%。我希望它占据 95%。到目前为止，我已经尝试过（来自其他论坛帖子）

添加:columns => "50"这个并没有影响它。我尝试放置一个 html 标签，:html => { :id => "offer_form" }然后放入我的 css 文件

#offer_form { width:50%;}

这没有用

还有其他建议吗？

编辑：

我意识到在我的css文件中我有/ forms /

input, textarea, select, .uneditable-input {
  border: 1px solid #bbb;
  width: 98%;
  padding: 10px;
  height: auto !important;
  margin-bottom: 15px;

}

当我在这里更改宽度时，它可以工作。但它会影响整个应用程序中的所有表单（显然）（即它们都是 98%）。有没有办法我可以只识别这个字段，以便我可以独立编辑它的宽度。

4

2 回答 2

21

:size=>"50"向 text_field添加选项

<%= f.text_field :body, :size=>"50", placeholder: "Make an offer ", :maxlength=>"254" %>
于 2012-10-25T22:25:23.690 回答
6

使用 CSS。字段的宽度与其最大字符数无关。

input.body {
  width:95%;
}
于 2012-10-25T22:14:12.160 回答