增加角材料2的高度移动占位符

Question

我试图通过设置来自css的输入的height属性来增加材质2输入控件的大小

<input mdInput placeholder="Favorite food" class="search-grid-input">

.search-grid-input {
    height:30px!important;
}

我在下图的右侧部分得到以下内容：

Answer 1

版本1： 您应该增加输入字段的字体大小，这将自动覆盖该区域。

md-input-container {
  font-size: 25px;
}

版本2： 你应该使用文本区域。

版本3： 从顶部指定占位符空间：

.mat-input-placeholder-wrapper {
  top: 10px;
}

注意：我在使用beta.8版本时复制了类名。