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


82

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

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


Ответы:


147

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

Его внешний вид может быть отключен с помощью CSS.

textarea {
    resize: none;
    }

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

textarea {
     resize: vertical;
     }

5

Установите, 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>

А что это за язык? Не могу найти никаких тегов по вопросу о (я полагаю) ASP
11684,

1
Это erb - используется в Ruby on Rails.
DoubleMalt,
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.