Chrome: створюйте текстові області, що не змінюються


82

За замовчуванням Chrome робить розмір моїх текстових областей змінним. Я хочу контролювати це і або робити їх лише вертикально змінними, або взагалі не змінювати.

Як я можу цього досягти?


Відповіді:


147

Rails генерують стандартний тег текстової області, але 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.