调整 HTML 输入元素上的拖动器大小，就像在 textarea 元素上一样

【问题标题】：Resize dragger on HTML input element just like on textarea element调整 HTML 输入元素上的拖动器大小，就像在 textarea 元素上一样
【发布时间】：2014-10-12 08:30:02
【问题描述】：

是否可以在输入元素上设置一个调整大小的拖动器，就像默认情况下在 textarea 元素上一样（调整大小的拖动器是指右下角的小区域，您可以单击并按住以调整 textarea 框的大小)?

我尝试添加 'resize:both;'到输入元素的样式，没有成功（见fiddle here）：

<input type="text" />

使用 CSS：

input {resize: both;}

我会寻找一种无脚本的解决方案，只依赖 HTML 和/或 CSS，最好是跨浏览器。

【问题讨论】：

问题不清楚。你到底想要什么

标签： html forms input cross-browser resize

【解决方案1】：

只要overflow 未设置为visible（并且浏览器支持！），resize: both; 就应该可以工作。

供参考：https://developer.mozilla.org/en-US/docs/Web/CSS/resize

【讨论】：

我不能只调整大小（甚至将溢出设置为其他内容，例如“隐藏”）
是的，resize: both; 似乎不适用于 input 元素，我已经修改了您的小提琴以显示在 div 上工作的完全相同的 CSS：jsfiddle.net/zLcr7ba5。我最好的猜测是对resize 的支持参差不齐，目前不支持input 元素。
所以如果我想在表单字段上使用这样的功能，我想我应该使用 textarea，即使输入很小，对吧？
我想这是实现它的一种方式，尽管我个人可能会走 JavaScript 路线。
关于如何/从哪里开始 JS 路线的任何建议/资源？