输入许多字符后,Jquery Mobile textarea缩小

时间:2014-12-09 08:39:11

标签: html css jquery-mobile

我目前遇到项目问题。当在textarea上输入文本时,它会随着越来越多的文本输入而自动进行自动增长,但过了一段时间后,它会缩小,无法看到任何文本。文本不会被删除也不会丢失。我该如何解决这个问题?

<p><textarea name="instruction" id="instruction" placeholder="Enter Intruction here"></textarea></p>

Before Entering Text

After Entering Text

1 个答案:

答案 0 :(得分:1)

你需要添加行和列(字符数量)

以及样式中的字体大小

<textarea name="instruction" id="instruction" placeholder="Enter Intruction here" cols="42" rows="1" ></textarea>

和CSS如:

textarea {
font-size: 1em;
}

编辑:

然后尝试

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;