Chrome: сделайте не текстовые области изменяемого размера
По умолчанию Chrome делает мои текстовые области изменяемого размера. Я хочу управлять этим и или сделать их только вертикально изменяемого размера, или нисколько.
Как я могу достигнуть этого?
3 ответа
Рельсы генерируют стандартную тег Textarea, но Safari / Chrome (WebKit) отображаются все (не только рельсы :) Textareas в качестве изменений.
Его оттенок может быть отключен CSS
textarea {
resize: none;
}
или, если нужно только вертикальное изменение размера:
textarea {
resize: vertical;
}
Вы можете установить столбец и строки, как
<%= 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>
Установите Максимальная ширина , чтобы сделать их только вертикально-измерительными или установить максимальную высоту и Max-ширина , чтобы остановить все размеры.
Тем не менее, осознайте, что нарушение ожиданий пользователей о том, как их обрабатывает элементы управления их браузером, имеет тенденцию создавать множество разочарования пользователей.