Stellen Sie Textfelder in verschiedenen Größen her

Ich habe einige Felder (wie Name, Telefonnummer, Firma), die ein Benutzer ausfüllen kann. Die Textfelder haben eine gute Größe, außer einem, das ein "Notiz" -Feld ist. Ich möchte, dass das Notiztextfeld im Vergleich zu den anderen Textfeldfeldern sehr groß ist, aber ich kann nur alle Textfelder in derselben Größe erstellen.Stellen Sie Textfelder in verschiedenen Größen her

_form.html.erb/Anbieter

<%= 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 %>

meine CSS-Datei

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...

Quelle

2017-06-05 bockdavidson

Sie eine Klasse mit dem Stil (Breite) hinzufügen können Sie für diese input:

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

Dann fügen Sie es zu Ihrem input:

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

Quelle

2017-06-05 14:24:23 Gerry

irgendwie hat das nicht funktioniert:/ – bockdavidson

@bockdavidson Vielleicht ist es überschrieben, versuchen Sie mit '! Wichtig'. Überprüfen Sie die aktualisierte Antwort. – Gerry

Es hat funktioniert! Vielen Dank!!! : D – bockdavidson

Verwenden Sie die Spalten und Zeilen-Eigenschaft. <%= f.text_area :notes, :cols => "10", :rows => "10" %> Sie können auch angeben, nur die Größe wie: <%= f.text_area :notes, size: "60x12" %>

Quelle

2017-06-05 14:18:26 bkunzi01

Stellen Sie Textfelder in verschiedenen Größen her

Antwort

Verwandte Themen