Not able to set minimum height of textarea

Question

I want to add textarea of minimum height 27px and as we enter data that should increase its height.

CSS

textarea{
  min-height:27px;
}

HTML

<textarea>Text hello</textarea>

Look here: http://stackoverflow.com/questions/454202/creating-a-textarea-with-auto-resize — n-dru, Aug 06 '16 at 10:35

Marko Mackic · Answer 1 · 2016-08-06T12:14:34.990

1

You'd use div with contentEditable attribute

div {
    display:inline-block;
    border: solid 1px #000;
    min-height: 27px;
    width: 300px;
}

<div contentEditable="true">    
</div>

edited Aug 06 '16 at 12:14

answered Aug 06 '16 at 10:36

Marko Mackic

score 0 · Answer 2 · answered Aug 06 '16 at 10:35

0

already textarea min-height is 80px so 27px is not working. you can use third party plugins.

answered Aug 06 '16 at 10:35

Kiran Khatri

2 Answers2