Chrome: создавать не изменяемые размеры текстовые поля

По умолчанию Chrome изменяет размер моих текстовых полей. Я хочу контролировать это и либо сделать их только вертикально изменчивыми, либо совсем нет.

Как я могу это достичь?

Ответ 1

Rails генерирует стандартный тег textarea, но Safari/Chrome (Webkit) отображает все (не только Rails:) textareas как изменяемые.

Его аргумент может быть отключен с помощью CSS

textarea {
    resize: none;
    }

Или, если требуется только вертикальное изменение размера:

textarea {
     resize: vertical;
     }

Ответ 2

Установите max-width, чтобы сделать их только вертикально изменяемыми по размеру, или установите max-height и max-width, чтобы остановить все изменения размера.

Однако имейте в виду, что нарушение ожиданий пользователей относительно того, как их браузер обрабатывает элементы управления, имеет тенденцию создавать много разочарования пользователя.

Ответ 3

вы можете установить столбец и строки как

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

или укажите размер, например

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