google-chrome - Chrome：制作不可调整大小的文本区域

Question

默认情况下，Chrome 使我的 textareas 可调整大小。我希望控制这一点，或者使它们只能垂直调整大小，或者根本不调整。

我怎样才能做到这一点？

Answer 1

Rails 生成标准 textarea 标签，但 Safari/Chrome (Webkit) 将所有（不仅是 Rails :) textarea 显示为可调整大小。

它的外观可能会被 CSS 禁用

textarea {
    resize: none;
    }

或者，如果只需要垂直调整大小：

textarea {
     resize: vertical;
     }

Answer 2

设置max-width以使它们仅垂直调整大小，或设置max-height并max-width停止所有调整大小。

但是，请注意，打破用户对其浏览器如何处理控件的期望往往会给用户带来很多挫败感。

Answer 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>