css - Angular Material : Increase form size

Question

我正在寻找一种控制 Angular Material 中输入元素大小的可能性。我想创建一个如下所示的表单 /image/nnkup.png但主要问题(使用 md-display-2 类进行测试)是由标签的动画引起的，因为它们在输入字段中的位置是在 css 中绝对定义的。

有没有办法创建如图所示的表单，或者我是否必须找到解决方法？

Answer 1

只需向 md-input-container 添加一个类并相应地设置 CSS 字体大小即可。

示例:http://jsbin.com/cadutojemo/1/edit?html,css,output

HTML

<md-input-container class="bigClass" flex>
    <label>Last Name</label>
    <input ng-model="user.lastName">
</md-input-container>

CSS

.md-input-has-value.bigClass > input {
    font-size: 30px;
}