在HTML输入元素上调整dragger的大小,就像在textarea元素上一样

在HTML输入元素上调整dragger的大小,就像在textarea元素上一样,html,forms,input,cross-browser,resize,Html,Forms,Input,Cross Browser,Resize,是否可以像默认情况下在textarea元素上一样在输入元素上使用resize dragger(通过resize dragger,我指的是右下角的小区域,您可以单击并按住该区域来调整textarea框的大小) 我尝试添加“resize:both;”更改输入元素的样式,但未成功(请参阅): 我会寻找一个无脚本的解决方案,只依赖HTML和/或CSS,最好是交叉浏览器就可以工作 参考:问题不清楚。你到底想要什么?我不能让它只调整大小(甚至将溢出设置为其他内容,例如“隐藏”),是的,看起来resize:t

是否可以像默认情况下在textarea元素上一样在输入元素上使用resize dragger(通过resize dragger,我指的是右下角的小区域,您可以单击并按住该区域来调整textarea框的大小)

我尝试添加“resize:both;”更改输入元素的样式,但未成功(请参阅):


我会寻找一个无脚本的解决方案,只依赖HTML和/或CSS,最好是交叉浏览器溢出未设置为
可见
(并且浏览器支持!),code>就可以工作


参考:

问题不清楚。你到底想要什么?我不能让它只调整大小(甚至将溢出设置为其他内容,例如“隐藏”),是的,看起来
resize:two
不适用于
输入
元素,我已修改了您的小提琴,以显示在
div
上工作的完全相同的CSS:。我最好的猜测是,
resize
的支持参差不齐,而且当前不支持
输入
元素。因此,如果我想在表单字段上使用这样的功能,我想我应该使用文本区域,即使输入很小,对吗?我想这是实现它的一种方法,虽然就我个人而言,我可能会选择JavaScript路线。关于如何/从何处开始JS路线,有什么建议/资源吗?
<input type="text" />
input {resize: both;}