2012-10-25 3 views
5

は、だから私はこのテキストフィールドどのようにして、レールのtext_fieldの長さを変更できますか?

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

は今それがであるボックスの幅の100%を占めている。私はそれが95%のように取り上げたいと思います。これまで私は(他のフォーラムの投稿から)

を追加しましたが、これは影響しませんでした。私は、これは

他の提案を動作しませんでした

#offer_form { width:50%;} 

:html => { :id => "offer_form" }、htmlタグに入れて を試してみましたが、その後、私のCSSファイルに入れて?

編集:

私は私のCSSファイルでのI/フォーム/

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

} 

の下に持っていると私はここの幅を変更したときに、それが動作することを実現しました。それはアプリケーション全体(明らかに)のすべてのフォームに影響を与えます(つまり、それらはすべて98%です)。私は自分の幅を独立して編集できるように、このフィールドだけのIDができる方法はありますか?

答えて

4

CSSを使用してください。フィールドの幅は最大文字には関係しません。

input.body { 
    width:95%; 
} 
+0

をtext_fieldする:size=>"50"オプションを追加します。私が助けてくれるかもしれないことを示すことができる他のコードがありますか? –

+0

あなたの ''に 'body 'というクラスがなければ、そのコードは*影響しません。特定の*クラス/識別子にCSSを適用することを意図しています。 – meagar

+0

ohh ok。私は何が起こっているのか知っていると思う。私は私の質問 –

15

それに影響を与えなかった

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

を編集して、私に未定義のメソッド "サイズ"エラーを与えました。どんな考え?私はサイズがちょうどCSS品質になると思った。 –

+2

このエラーが発生した場合は、 ':'を省略したからです。それは 'size'ではなく':size'です。この答えはあなたのテキストボックスを小さくするかもしれませんが、本当にあなたのテキストボックスを親の幅の95%にしたいのであれば、おそらくあなたを助けることはできません。 CSSが必要です。 – meagar

関連する問題