如何更改rails中text_field的长度?

时间:2012-10-25 22:10:13

标签: html css ruby-on-rails-3 textfield

所以我有这个文本字段

<%= 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文件中,我有/ 表单 /

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

}

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

2 个答案:

答案 0 :(得分:16)

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

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

答案 1 :(得分:5)

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

input.body {
  width:95%;
}