只用CSS扩展textarea是可能的吗？

Question

我有一个高度为200px的textarea,但是当我用文本传递200px时,我希望扩展textarea,而不是使用滚动条保持200px的高度.

只有CSS可以做到这一点吗？

Answer 1

相反的textarea,你可以使用div与CONTENTEDITABLE属性:

div {
  display: inline-block;
  border: solid 1px #000;
  min-height: 200px;
  width: 300px;
}

<div contentEditable="true"></div>

DEMO

Answer 2

使用CSS可以使用户可以扩展textarea.实际上,在一些现代浏览器中,这种可扩展性甚至是浏览器的默认值.你可以明确地要求它:

textarea { resize: both; }

浏览器支持正在增长,但仍然有限.

通常只有一小部分关于可调整性的提示:右下角有一个调整大小的句柄.而且我担心大多数用户都不会理解这个提示.

您不能仅使用CSS通过内容自动扩展textarea .