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

Question

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

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

Answer 1

Railsは標準のtextareaタグを生成しますが、Safari/Chrome（Webkit）はすべての（Rails :)だけでなく）textareasをサイズ変更可能として表示します。

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

textarea {
    resize: none;
    }

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

textarea {
     resize: vertical;
     }

Answer 2

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

ただし、ブラウザがコントロールをどのように扱うかについてのユーザーの期待を破ると、多くのユーザーの不満が生じる傾向があることに注意してください。