ruby-on-rails - simple_formのテキストフィールドの高さを変更することはできません

Question

私はもう試した

  #Default size for text inputs.  
  config.default_input_size = 10

config / initializers/simple_form.rbから

私も試しました<%= f.input :message, :input_html => {:size => 10} %>

しかし、これらのどちらも、私のテキストフィールドの表示方法については1つも変わりません。

score 44 · Accepted Answer

これを行う必要があります

<%= f.input :message, :input_html => {:rows => 10} %>

rowsHtml テキストエリアタグの属性には、との 2 つの属性がcolsあり、テキストエリアの行数と列数 (幅) を指定できます。これが機能しない場合は、コンソールを開いて、CSS が高さをオーバーライドしているかどうかを確認してください。

score 16 · Accepted Answer

:input_html オプションを渡すと、デフォルト値が上書きされます。動作を変更できる css クラスの属性値を確認する必要があります。

<%= f.input : message, :as => :text, :input_html => { 'rows' => 10} %>

score 8 · Accepted Answer

:as => :text入力フィールドの属性に追加してから、スタイルと行を入力 html に追加することで、これを行うことができました。

<%= f.input :message, label: "Message: ", :as => :text, input_html: { :style=> 'width: 100%;', :rows => 4} %>

私にとっては:as => :text、「行」属性が機能するようになったのはで、幅が 100% であるため、固定幅ではなく流動的になりました。

score 3 · Accepted Answer

「高さ」を変更する場合は、css 属性を変更する必要があります。

<%= f.input :message, input_html: {style: 'height:10px;'} %>

score 2 · Accepted Answer

古い質問、私は知っています。これは、SimpleForm 3.2.0 と Rails 4.2.3 でうまくいったことです。

<%= f.input_field :field_name, as: :text, class: "my-custom-class", rows: 5 %>

score 1 · Accepted Answer

できるよ

<%= f.input :message, :size => "10x10" %>

高さと幅について。

テキストフィールドではうまくいくかもしれませんが、間違いなくtext_area ではうまくいきます。いずれにしても、メッセージには text_area を使用したいと思うでしょう。

score 0 · Accepted Answer

Google Chrome の Firebug または Code Inspector を試して、text_field要素を検査し、正確なクラス名を確認して、スタイルシートファイルで直接変更してください。

score 0 · Accepted Answer

Rails 5.1 と Bootstrap4 で同じ問題が発生しました。私は次のことをしました：

<%= f.input :bio, input_html: {style: 'height:200px !important;'} %>

そしてそれは動作します。

8 に答える 8