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>