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

Antworten:

147

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;
     }
ingeniarius
quelle
5

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.

jball
quelle
-3

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>
nas
quelle
Und was für eine Sprache könnte das sein? Ich kann keine Tags auf der Frage zu (ich denke) ASP
11684
1
Das ist erb - verwendet in Ruby on Rails.
DoubleMalt