css - 具有最大高度的可扩展文本区域，仅使用 css

Question

我想问一下，是否可以仅使用 css 制作具有最大高度（应该是父母身高的 50%）的可扩展文本区域？我一直在寻找解决方案的日子，但每次我发现它是用 javascript （我已经做了一个并且它正在工作）或我不喜欢的 contenteditable 之类的东西。删除文本时，它应该明显缩回。你有什么想法？

标签： csstextareaexpandable

Answer 1

Textarea 默认不支持自动扩展。但是你可以用 js 超级简单地做到这一点：

<textarea name="text" oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"'></textarea>