Chrome: Erstellen Sie nicht in der Größe veränderbare Textbereiche

Standardmäßig ändert Chrome die Größe meiner Textbereiche. Ich möchte dies kontrollieren und sie entweder nur vertikal oder überhaupt nicht veränderbar machen.

Wie kann ich das erreichen?

Rails generieren Standard-Textarea-Tags, aber Safari / Chrome (Webkit) zeigt alle Textbereiche (nicht nur Rails :) als veränderbar an.

Das Erscheinungsbild kann durch CSS deaktiviert werden

textarea {
    resize: none;
    }

Oder, wenn nur vertikale Größenänderung erforderlich ist:

textarea {
     resize: vertical;
     }

Stellen Sie max-widthsie vertikal resizable nur zu machen, oder Satz max-heightundmax-width alle Größenänderung zu stoppen.

Beachten Sie jedoch, dass das Brechen der Benutzererwartungen hinsichtlich des Umgangs mit Steuerelementen in ihrem Browser zu großer Frustration bei den Benutzern führt.

Sie können die Spalte und Zeilen wie einstellen

<%= 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 die Größe wie an

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