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

时间:2014-08-19 09:32:54

标签: html forms input cross-browser resize

是否可以在输入元素上设置调整大小的拖动器,就像默认情况下的textarea元素一样(通过调整大小拖动器,我的意思是右下角的小区域,您可以单击并按住以调整textarea框的大小)?

我尝试添加'resize:both;'到input元素的样式,但没有成功(参见fiddle here):

<input type="text" />

使用CSS:

input {resize: both;}

我会寻找一个无脚本的解决方案,只依赖于HTML和/或CSS,理想的是crossbrowser。

1 个答案:

答案 0 :(得分:0)

只要resize: both;未设置为overflow(并且浏览器支持它!),

visible就可以正常工作。

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