textarea 不根据内容扩展

Question

I am using a textarea inside which i am getting some values from local db. The problem is the height of textarea is not resizing to the content available and rather its shrinked and only displaying one line. I tried adding CSS but it doesn't seems to work. Any help or suggestion will be appreciated.

XSL

<textarea id="post-text"><xsl:value-of select="$txn_desc"/></textarea>

CSS

textarea {
  width: 100%;
  height:100%;
}

Answer 1

try adding

textarea {
  width: 100%;
  height: auto;
  overflow: hidden
}

and also make sure the parent html element have an appropriate height as well.