質問: ### 前提・実現したいこと scaffoldのフォーム入力枠を大きくしたい。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/7d7aad7903f9f0f9d66eceaf09c2a770.png) ### 試したこと /app/assets/stylesheets/scaffolds.css.sccs内の.field, .actionsのfont-sizeやline-heightを大きくしてみる。 /app/views/scaffold名/_form.html.erbのfield, actionsクラスの直後に を挿入してみる(全く当てずっぽうです)。 枠を大きくできる仕方がありましたらよろしくおねがいします。 ほぼ初心者でしてお答えいただく解決策を理解できない場合もありますので、予めご了承ください。
回答: 「入力枠を大きくしたい」というのが、枠だけ大きくするのか、それとも枠に入る文字サイズを大きくするのかによって変わりますが...。 前者であれば、例えば `/app/assets/stylesheets/scaffolds.sccs` の最後に ``` div.field textarea { width: 500px; height: 150px; } ``` とか書けばtextareaが大きくできます。後者であれば、 ``` div.field input { font-size: 24pt; } ``` などと書けば、一行入力フォームの文字サイズが大きくなります。 また、textareaについては、たとえば `_form.html.erb` に、 ``` <%= form.label :text %> <%= form.text_area :text, id: :foo_text, rows: 10, cols: 70 %> ``` などのように書くと、 ``` Text ``` というHTMLが生成されるようになります。