Chrome: nicht veränderbare Textfelder erstellen

Question

Standardmäßig werden in Chrome die Textbereiche in der Größe angepasst. Ich möchte dies kontrollieren und sie entweder nur vertikal veränderbar machen oder gar nicht.

Wie kann ich das erreichen?

Answer 1

Rails generieren Standard-Textarea-Tag, aber Safari/Chrome (Webkit) Anzeige alle (nicht nur Rails :) Textareas als veränderbar.

Sein Erscheinungsbild kann durch CSS

textarea { 
    resize: none; 
    } 

oder deaktiviert werden muß, wenn nur vertikale Größe ändern:

textarea { 
    resize: vertical; 
    } 

Answer 2

Setzen Sie max-width so, dass sie nur in der Größe veränderbar sind, oder legen Sie max-height und max-width fest, um die Größenänderung zu stoppen.

Beachten Sie jedoch, dass die Benutzererwartungen bezüglich der Behandlung von Steuerelementen durch den Browser häufig zu Frustration führen.

Answer 3

können Sie die Spalte und Zeilen wie

<%= text_area :object, :attribute, :rows => '10', :cols => '100' %> 
#=> <textarea cols="100" rows="10" id="object_attribute" name="object[attribute]"> 
#  #{@object.attribute} 
# </textarea> 

oder geben Sie legen Sie die Größe wie

<%= text_area :object, :attribute, :size => "10x100" %> 
#=> <textarea cols="10" rows="100" id="object_attribute" name="object[attribute]"> 
#  #{@object.attribute} 
# </textarea>