テキストボックスを異なるサイズにする

ユーザーが記入できるフィールド（名前、電話番号、会社など）があります。テキストボックスは、「ノート」フィールドであるものを除いて、良いサイズです。私は他のテキストボックスのフィールドと比較するとメモのテキストボックスが非常に大きくなるようにしたいが、すべてのテキストボックスを同じサイズにすることしかできない。テキストボックスを異なるサイズにする

_form.html.erb /ベンダー

<%= form_for @vendor do |f| %> 

#this text field will be a regular size 
    <p> 
    <%= f.label :company %><br> 
    <%= f.text_field :company %> 
    </p> 

#more code... 

#I want this text field to be large 
<body> 
    <div class = "notes"> 
     <p> 
      <%= f.label :notes %><br> 
      <%= f.text_field :notes %> 
     </p> 
    </div> 
</body> 

    <p> 
    <%= f.submit %> 
    </p> 

</div> 

<% end %>

私のcssファイル

input[type=text]{ 
    width: 40%; 
    padding: 12px 12px; 
    border: 2px solid #ccc; 
    background-color: white; 
} 


textarea { 
    width: 20%; 
    height: 10px; 
    padding: 12px 12px; 
    border: 2px solid #ccc; 
    background-color: white; 
    resize: none 
} 

#more code...

出典

2017-06-05 bockdavidson

あなたはそのinputのためにするスタイル（幅）を持つクラスを追加することができます：あなたのinputに追加し、その後

.large-box { 
    width: 60% !important; 
}

を：

<%= f.text_field :notes, class: "large-box" %>

出典

2017-06-05 14:24:23 Gerry

何とかうまくいきませんでした：/ – bockdavidson

@bockdavidson上書きされているかもしれませんが、 '！important'を使ってみてください。更新された回答を確認します。 – Gerry

それは働いた！ありがとうございました！！！：D – bockdavidson

のcolsと行プロパティを使用します。 <%= f.text_area :notes, :cols => "10", :rows => "10" %> あなたも同じようサイズを指定することができます。<%= f.text_area :notes, size: "60x12" %>

出典

2017-06-05 14:18:26 bkunzi01

テキストボックスを異なるサイズにする

答えて

関連する問題