C'è un modo per ridimensionare l'elemento di Material Design (AngularJS)?

Question

Sto usando il tag <md-input> ma ha un'altezza troppo alta. C'è un modo per renderlo più piccolo?

In questo momento quello che ho è questo:

<md-content flex class="md-padding" style="font-size:1.2em; max-width:90px; "> 
    <md-input-container> 
    <label>X</label> 
    <input ng-model="motionAbsX"> 
    </md-input-container> 
</md-content> 

Quindi la prima linea è che le dimensioni perché il <md-input>. È 34px x 121px quindi voglio ridurne l'altezza. Ho provato ad utilizzare il max-height ad esso, ma tutto quello che ho ottenuto è stato una barra di scorrimento:

E 'possibile cambiare la sua altezza o si ereditano per l'elemento? Ridimensionare è accettabile, ma non ho trovato un modo per farlo.

Answer 1

proprietà height Uso linea. Cambia l'altezza della linea come preferisci.

<md-input-container style="line-height:8px"> 
    <label>abc</label> 
    <input ng-model="abc" type="text"/> 
</md-input-container>