html - 如何只显示 textarea 字段，而不显示它下面的行？

Question

我无法解决问题:

我有一个 html:

  <md-input-container class="itemDescription">
                <label class="itemFont">Description</label>
                <textarea placeholder="Add a description..."
                ></textarea>
            </md-input-container>

和 CSS:

.itemDescription{
 width:100% !important;
 border: 1px solid black;
}

结果如下:

但我不想在文本下方显示白色区域:“添加描述...” 因此，如果描述有 1 行 = 仅显示 1 行。如果 2 行 = 仅显示 2 行，但没有额外的白色区域。怎么做？

Answer 1

添加下面的css，它会删除textarea下面的行

border-bottom : 0px