google-chrome - Chrome : サイズ変更不可のテキストエリアを作成する

Question

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

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

Answer 1

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

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

textarea {
    resize: none;
    }

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

textarea {
     resize: vertical;
     }

Answer 2

max-width垂直方向にのみサイズ変更可能に設定するか、すべてのサイズ変更を停止するにはmax-heightandを設定します。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>