javascript - 在您键入文本时扩展的 CSS 文本区域

<分区>

我有一个文本区域，用户可以在其中输入文本。默认情况下，它的高度为 17px。但是，如果用户插入大量文本，我希望文本区域相应地扩大。有没有办法用 CSS 做到这一点？提前致谢!!

最佳答案

我知道这有点晚了，但我不得不说有一种方法可以使用 <div>与 contenteditable属性来模拟所需的行为。

.textareaElement {
  width: 300px;
  min-height: 17px;
  border: 1px solid #ccc;
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}

<div class="textareaElement" contenteditable></div>

只需设置您的最小和最大高度，以及适当的溢出值，您就拥有了功能齐全的纯 CSS 扩展文本框，这也得到了很好的支持。

关于javascript - 在您键入文本时扩展的 CSS 文本区域，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4954252/

相关文章：

javascript - JavaScript 中括号内的括号是什么意思？