在 angular material 上增加高度 2 移动占位符

Increase height on angular material 2 moves placeholder

我试图通过设置 css

输入的高度 属性 来增加 material 2 输入控件的大小
<input mdInput placeholder="Favorite food" class="search-grid-input">

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

我在下图的右侧得到以下内容:

版本 1: 你应该增加输入字段的字体大小,它会自动覆盖该区域。

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

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

版本 3: 从顶部指定占位符 space:

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

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