Angular2 material 2 Autocomplete如何改变下拉的宽度？

Question

如何更改自动完成 Angular Material 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>

Answer 1

将您的 css 类作为

添加到 md 容器中

<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