Chrome：制作不可resize的textareas

默认情况下，Chrome使我的textareas可resize。 我希望控制这一点，要么使他们只能垂直resize，要么根本不可以。

我怎样才能做到这一点？

Answer 1

Rails生成标准的textarea标签，但Safari / Chrome（Webkit）显示所有（不仅Rails 🙂 textareas可resize。

它的外观可能被CSS禁用

textarea { resize: none; } 

或者，如果只需要垂直resize：

 textarea { resize: vertical; } 

Answer 2

设置max-width使其只能垂直resize，或设置max-height和max-width以停止所有resize。

但是，请注意，打破用户对浏览器对待控件的期望往往会造成很多用户的沮丧。

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>