HTML textarea 显示一半高度的动态文本

Question

HTML <textarea>首次加载时 [当页面加载时] 显示动态文本的一半高度，如下所示:

当您集中注意力并开始打字或按下向左或向右箭头键时，它会按照应有的方式将文本显示到全高。

如何使动态文本在首次加载时以全高显示，而无需关注 <textarea>并按右/左箭头键？这是 HTML 和 CSS 代码:

textarea {
  height: 55px;
  background-color: #009688;
  font-size: 55px;
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid white;
}

<textarea id="location" style="overflow:hidden"></textarea>

谢谢。

Answer 1

我认为这是因为您添加了填充/边距。尝试通过删除填充/边距来运行，看看是否适合您。