How to resize input field

Question

I'm trying to make my input field resizable, but the code I found doesn't work anymore.

#mededeling 
{
resize: both;
}

Does anybody know the most recent working code?

http://stackoverflow.com/questions/8642255/how-to-force-free-css-resize-on-input-element-when-its-width-is-specified — maksbd19, Apr 24 '13 at 15:09

score 1 · Answer 1 · edited Apr 24 '13 at 16:21

1

what about using textarea instead of input? 1row height textarea looks just like input type[text] and can be submitted in form:

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

edited Apr 24 '13 at 16:21

bensiu

24,660
56
77
117

answered Apr 24 '13 at 15:59

Vicky

164
1
3

score 0 · Answer 2 · answered Mar 02 '17 at 20:17

0

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

    input:active {
        width: auto;   
    }

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

answered Mar 02 '17 at 20:17

Eugenio José Martínez Ramos

71
1
6

How to resize input field

2 Answers2