【问题标题】:How can I change the length of a text_field in rails?如何更改 rails 中 text_field 的长度?
【发布时间】:2012-10-16 04:45:08
【问题描述】:

所以我有这个文本字段

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

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

添加:columns =&gt; "50" 这并没有影响它。我试过了 放置一个html标签,:html =&gt; { :id =&gt; "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%)。有没有办法让我只识别这个字段,以便我可以独立编辑它的宽度。

【问题讨论】:

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


    【解决方案1】:

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

    input.body {
      width:95%;
    }
    

    【讨论】:

    • 这不影响它。我可以向您展示任何其他可能有帮助的代码吗?
    • 该代码可能不会影响它,除非您的&lt;input&gt; 恰好有一个body 类。您应该将 CSS 应用于您的特定类/标识符。
    • 哦,好的。我想我知道发生了什么。我已经编辑了我的问题
    【解决方案2】:

    在 text_field 中添加 :size=&gt;"50" 选项

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

    【讨论】:

    • 这给了我一个未定义的方法“大小”错误。知道为什么吗?我认为大小只是 CSS 质量。
    • 如果您收到该错误,那是因为您遗漏了 :。这是:size,而不是size。这个答案可能会让你的文本框变小,但如果你真的想让你的文本框达到父级宽度的 95%,这可能对你没有帮助。你需要 CSS。
    猜你喜欢
    • 2011-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-16
    相关资源
    最近更新 更多