我有我有的angular8
项目angular material
。我正在使用mat-autocomplete
输入自动完成。这是我的html的代码
<form class="example-form">
<mat-form-field class="example-full-width dummy-input-field" floatLabel="never">
<input matInput class="custom-input" placeholder="State" [matAutocomplete]="auto" [formControl]="stateCtrl">
</mat-form-field>
<mat-autocomplete #auto="matAutocomplete">
<mat-option *ngFor="let state of filteredStates | async" [value]="state.name">
<img class="example-option-img" aria-hidden [src]="state.flag" height="25">
<span>{{state.name}}</span> |
<small>Population: {{state.population}}</small>
</mat-option>
</mat-autocomplete>
</form>
这是我完整的Stackblitz Link来演示我的问题。输入中有一个占位符,上面写着“状态”。我想把它placeholder
放在输入的垂直中间,就像Html
.
如何更改angular material
输入占位符位置的位置?