2017-03-24 4 views
1

オートコンプリート角材2のドロップダウンの幅を変更するにはどうすればよいですか?ドロップダウンを入力ボックスと同じ幅にしたいと思います。Angular2マテリアル2オートコンプリートドロップダウンの幅を変更する方法は?

https://plnkr.co/edit/uFS9M3?p=preview

<md-input-container> 
 
    <input class="app-searchbox-input" mdInput placeholder="How to change the width of dropdown?" [mdAutocomplete]="auto" [formControl]="stateCtrl"> 
 
</md-input-container> 
 

 
<md-autocomplete #auto="mdAutocomplete"> 
 
    <md-option *ngFor="let state of filteredStates | async" [value]="state"> 
 
    {{ state }} 
 
    </md-option> 
 
</md-autocomplete>

答えて

0

<md-autocomplete #auto="mdAutocomplete" class="app-searchbox-input"> 
    <md-option *ngFor="let state of filteredStates | async" [value]="state"> 
    {{ state }} 
    </md-option> 
</md-autocomplete> 

Updated Plunk

+0

おかげとしてMD-コンテナにあなたのCSSクラスを追加します。しかし、あなたがここに投稿したものは、ドロップダウンメニューの幅を入力ボックスと同じ幅に変更しません。 –

関連する問題