Chrome: utwórz obszary tekstowe bez możliwości zmiany rozmiaru

Domyślnie Chrome umożliwia zmianę rozmiaru moich obszarów tekstu. Chcę to kontrolować i albo zmienić ich rozmiar tylko w pionie, albo wcale.

Jak mogę to osiągnąć?

Railsy generują standardowy tag textarea, ale Safari / Chrome (Webkit) wyświetla wszystkie (nie tylko Railsy :) textareas jako skalowalne.

Jego wygląd może zostać wyłączony przez CSS

textarea {
    resize: none;
    }

Lub, jeśli potrzebujesz tylko zmiany rozmiaru w pionie:

textarea {
     resize: vertical;
     }

Ustaw, max-widthaby zmieniać ich rozmiar tylko w pionie lub ustaw max-heighti max-widthzatrzymaj zmianę rozmiaru.

Należy jednak pamiętać, że łamanie oczekiwań użytkowników dotyczących sposobu, w jaki ich przeglądarka traktuje elementy sterujące, zwykle powoduje wiele frustracji użytkowników.

możesz ustawić kolumny i wiersze, takie jak

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

lub określ rozmiar jak

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