Angular Material: 增加表单大小

Question

我正在寻找在 angular material 中控制输入元素大小的可能性。我想创建一个如图所示的表单 http://i.stack.imgur.com/nnkup.png 但主要问题（使用 md-display-2 class 测试）是由标签的动画引起的，因为它们在输入字段中的位置已定义绝对在 css.

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

Answer 1

只需将 class 添加到 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;
}

Angular Material: 增加表单大小

Angular Material: Increase form size

css

angularjs

material-design

angular-material