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

【问题标题】：Expandable textarea with max-height with css only具有最大高度的可扩展文本区域，仅使用 css
【发布时间】：2020-01-29 16:20:09
【问题描述】：

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

【问题讨论】：

【解决方案1】：

Textarea 默认不支持自动扩展。但是你可以用 js 超级简单：

&lt;textarea name="text" oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"'&gt;&lt;/textarea&gt;

【讨论】：