所以我有这个文本字段
<%= 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%)。有没有办法可以识别这个字段,以便我可以独立编辑它的宽度。
答案 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%;
}