1. ホーム
  2. google-chrome

[解決済み] Chrome : リサイズできないテキストエリアの作成

2023-07-29 20:42:07

質問

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

どうすればこれを実現できますか。

どのように解決するのですか?

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

CSSで無効化することも可能です。

textarea {
    resize: none;
    }

また、縦方向のみのリサイズが必要な場合は

textarea {
     resize: vertical;
     }