Chrome：サイズ変更できないテキストエリアを作成する

デフォルトでは、Chromeはテキストエリアのサイズを変更できます。これを制御して、垂直方向にのみサイズ変更できるようにするか、まったくサイズ変更できないようにします。

どうすればこれを達成できますか？

Railsは標準のtextareaタグを生成しますが、Safari / Chrome（Webkit）はすべての（Rails :)テキストエリアをサイズ変更可能として表示します。

その外観はCSSによって無効にされる可能性があります

textarea {
    resize: none;
    }

または、垂直方向のサイズ変更のみが必要な場合：

textarea {
     resize: vertical;
     }

max-width垂直方向にのみサイズ変更できるように設定するか、すべてのサイズ変更を停止するように設定max-heightしmax-widthます。

ただし、ブラウザがコントロールをどのように処理するかについてのユーザーの期待を破ると、ユーザーのフラストレーションが大きくなる傾向があることに注意してください。

次のように列と行を設定できます

<%= 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>