css - 如何使用 CSS3 resize 属性强制设置宽度的 HTML 元素也可以调整大小？

Question

我有这个简单的情况：

<textarea style="width:500px;resize:auto"></textarea>

现在这工作正常，浏览器在右下角显示调整大小句柄。但是，我只能水平使盒子变大，但不能变小（例如：http: //jsfiddle.net/AzJEM/）。

我不想使用 javascript，因为我认为必须有一些 CSS 方法来做到这一点。任何人都可以给我一个提示？

编辑：我只对 HTML5 感兴趣，所以不需要在答案中支持 IE。

Answer 1

使用最小宽度选项：

<textarea style="width:500px;resize:auto; min-width:500px; min-height:120px"></textarea>