css - 如何调整输入字段的大小

Question

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

#mededeling 
{
resize: both;
}

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

Answer 1

使用 textarea 代替 input 怎么样？1row height textarea 看起来就像 input type[text] 并且可以以表单形式提交：

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

Answer 2

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

    input:active {
        width: auto;   
    }

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