如何调整输入字段的大小答案

【问题标题】：How to resize input field如何调整输入字段的大小
【发布时间】：2013-04-24 15:01:52
【问题描述】：

我正在尝试调整输入字段的大小，但我找到的代码不再起作用。

#mededeling 
{
resize: both;
}

有人知道最新的工作代码吗？

【问题讨论】：

这是一个文本字段 Mededeling:
stackoverflow.com/questions/8642255/…
对不起，我的意思是 textarea <textarea rows="4" cols="50"></textarea>

标签： css input resize field

【解决方案1】：

使用 textarea 代替 input 怎么样？ 1row height textarea看起来就像输入类型[text]，可以提交表单：

textarea name="" id="" cols="30" rows="1"

【讨论】：

【解决方案2】：

<style>
    input {
        resize: horizontal;
        width: 200px;
    }

    input:active {
        width: auto;   
    }

    input:focus {
        min-width: 200px;
    }
</style>

【讨论】：