10

だから私はこのテキストフィールドを持っています

<%= 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% です)。幅を個別に編集できるように、このフィールドだけを識別できる方法はありますか。

4

2 に答える 2

21

:size=>"50"text_fieldにオプションを追加

<%= f.text_field :body, :size=>"50", placeholder: "Make an offer ", :maxlength=>"254" %>
于 2012-10-25T22:25:23.690 に答える
6

CSS を使用します。フィールドの幅は最大文字数とは関係ありません。

input.body {
  width:95%;
}
于 2012-10-25T22:14:12.160 に答える