可拖动调整大小所需的文本区域中的最小高度

Question

我的页面上有一个textarea。它有这个可拖动的角落，可以让我调整它的大小。就像在下面的截图中一样

如果我将它调整得太小，角落会消失（即使角落仍然可以让我调整 textarea 的大小）。

我想将最小高度设置为显示可拖动角图像所需的最小高度，以免混淆用户

这个minimum-height 需要是什么？像padding 和margin 这样的东西会影响它吗？它只是在 Chrome 中还是在 Safari/IE.. 等中相同？

Answer 1

您应该能够在元素中定义 cols 和 rows。喜欢这样做会创建最小尺寸。然后你可以从那里调整大小。或在 CSS 中

在 CSS 中，您可以设置最小和最大尺寸。适用于大多数现代浏览器

  #confinedSpace textarea { resize:vertical; max-height:300px; min-height:200px; }
  #confinedSpace textarea.horiz { resize:horizontal; max-width:400px; min-width:200px; }