Chrome：制作不可调整大小的文本区域答案

【问题标题】：Chrome : make non resizable textareasChrome：制作不可调整大小的文本区域
【发布时间】：2011-01-06 22:56:24
【问题描述】：

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

我怎样才能做到这一点？

【问题讨论】：

How to disable resizable property of textarea? 的可能重复项

标签： google-chrome textarea firefox4

【解决方案1】：

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

它的外观可能会被 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>

【讨论】：

这可能是一种什么样的语言？在关于（我猜）ASP的问题上找不到任何标签
那是 erb - 在 Ruby on Rails 中使用。