Daniel
Daniel

Reputation: 1755

How to make md-select 100% width?

I use last version angular. This is material design code:

<md-grid-tile>
 <md-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food">
 </md-select>
</md-grid-tile>

I try to set width: 100%for `md-select. But it does not work.

Upvotes: 3

Views: 4832

Answers (1)

FAISAL
FAISAL

Reputation: 34673

This will solve your problem.

<md-grid-tile>
    <md-select placeholder="Favorite food" 
               [(ngModel)]="selectedValue" 
               name="food"
               [style.width]="'100%'">
    </md-select>
</md-grid-tile>

Upvotes: 2

Related Questions