最大高度的可扩展文本区域仅具有CSS

时间:2020-01-29 16:20:09

标签: css textarea expandable

我想问的是,是否甚至可以仅使用CSS来制作最大高度(应为父母身高的50%)的可扩展文本区域? 我一直在寻找解决方案的日子,但是每次我发现它与javascript有关(我已经制作了一个并且可以正常工作)或诸如contenteditable之类的东西时,我都不喜欢。 删除文本后,它显然应该缩小。 你有什么主意吗?

1 个答案:

答案 0 :(得分:0)

Textarea默认情况下不支持自动扩展。但是您可以使用js超级简单:

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