如何在rails中更改text_field的長度？

所以我有這個文本字段如何在rails中更改text_field的長度？

<%= 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％）。有沒有一種方法可以只識別此字段，以便我可以獨立編輯其寬度。

來源

2012-10-25 klondike-5-3226

使用CSS。字段的寬度與其最大字符無關。

input.body { 
    width:95%; 
}

來源

2012-10-25 22:14:12 meagar

這並不會影響到它。還有其他代碼可以幫助我嗎？ –

這段代碼可能*不會影響它，除非你的''碰巧有一類'body'。您打算將CSS應用於*您的特定*類/標識符。 – meagar

哦，好的。我想我知道發生了什麼事。我編輯了我的問題 –

添加:size=>"50"選項text_field

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

來源

2012-10-25 22:25:23 alex

，它給了我一個未定義的方法「大小」錯誤。任何想法爲什麼？我認爲尺寸只是一個CSS質量。 –

如果你得到這個錯誤，那是因爲你遺漏了'：'。它是'：size'，而不是'size'。這個答案可能會讓你的文本框變小，但如果你真的想讓你的文本框寬度達到父寬度的95％，這可能無法幫助你。你需要CSS。 – meagar

如何在rails中更改text_field的長度？

回答

相關問題