Угловой материал: Увеличить размер формы

Question

Я ищу возможность контролировать размер входных элементов в угловом материале. Я хочу создать форму, как показано здесь http://i.stack.imgur.com/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; 
}