ruby-on-rails - レールでform_forを使用してテキストフィールドのサイズを変更する際のCSSコード

Question

Rails で form_for を使用して、サインインするユーザー フォームを作成しています。フォームのフォーマットにブートストラップを使用していません。フォームのテキスト フィールド ボックスのサイズを変更したいと考えています。そのCSSコードを教えてもらえますか？

Answer 1

すべての入力テキスト要素を編集したい場合は、このようなものを使用します。

 form input[type='text'] {
   width: 100px;
   height: 30px;
 }

それ以外の場合は、使用することもできます

#user_email {
  your styling;
}

または、カスタム クラスをテキスト フィールドにアタッチすることもできます。

f.text_field :email, :class => 'login-email-field'

Answer 2

まあ、多分あなたは次のようなことを試すことができます：

ルビーで：

<%= form_for @client do |f| %>
    <%= f.text_field :request, class: "client-request" %>
    <%= f.submit %>
<% end %>

CSS で:

.client-request {
    width: 300px;
    height: 60px;
}

どうですか？