html - 如何更改 rails 中 text_field 的长度?

标签 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 文件中有/forms/

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

}

当我在这里改变宽度时,它就起作用了。但它会影响整个应用程序中的所有表单(很明显)(即它们都是 98%)。有没有一种方法可以只标识这个字段,以便我可以独立编辑它的宽度。

最佳答案

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

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

关于html - 如何更改 rails 中 text_field 的长度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13078098/

相关文章:

javascript - Div 没有留在我放置的位置

html - 如何根据嵌套文本框的内容自动为td分配宽度

ruby-on-rails - Rails 3中有没有什么好的方法来实现嵌套表单?

ruby-on-rails-3 - 在 ruby​​ on rails 中公开函数

ruby-on-rails-3 - 没有路由匹配 [GET] "/auth/facebook"

javascript - 手动调整元素大小不会触发 Chrome 中的突变观察器

jquery - 当设备屏幕较小时移除 div 元素的边框

javascript - Web 应用程序选择选项中的文本框

html - 如何使元素的背景颜色具有动画效果?

jquery - 选择内联 jquerymobile