如何只显示textarea字段,但不显示在其下的行?

时间:2017-02-28 08:54:50

标签: html css angular-material

我无法解决问题:

我有一个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;
}

结果是下一个: enter image description here

但我不想在文字下显示白色区域:“添加说明......” 因此,如果描述有1行=只显示1行。如果2行=只显示2行,但没有额外的白色区域。怎么做?

2 个答案:

答案 0 :(得分:0)

添加以下css,它将删除textarea

下的行
border-bottom : 0px

答案 1 :(得分:0)

已修复。我已将样式放在textarea上。和边界。所以它现在有效。 感谢!!!