如何让 Angular2-MDL-ext Select 占位符变灰

Question

是否可以让 select 占位符与其他 Angular 2 MDL 表单字段一致地变灰？

这是我可以通过默认设置获得的：

<mdl-textfield type="text" label="CAP..." formControlName="postcode" floating-label></mdl-textfield><br>
<mdl-textfield type="text" label="Città..." formControlName="city" floating-label></mdl-textfield><br>
<mdl-textfield type="text" label="Provincia..." formControlName="province" floating-label></mdl-textfield><br>
<mdl-select
      placeholder="Nazione"
      formControlName="countryid">
   <mdl-option value="0"></mdl-option>
   <mdl-option *ngFor="let country of countries" [value]="country.id">{{country.name}}</mdl-option>
</mdl-select>

select 占位符 "Nazione" 显示为黑色。我想让它变灰，就像字段 "Cap..."、"Città..."、"Provincia...".

Answer 1

mdl2-angular-ext 0.6.0 现在应该有合适的占位符。您的示例代码是正确的，但对于访问此问题的任何其他人，这里是代码（再次）：

<mdl-select placeholder="Nazione" formControlName="countryid"> <mdl-option value="0"></mdl-option> <mdl-option *ngFor="let country of countries" [value]="country.id">{{country.name}}</mdl-option> </mdl-select>

与您的问题无关，但由于在有关该问题的评论中进行了讨论，因此浮动标签属性现在也可以使用。

<mdl-select floating-label placeholder="Nazione" formControlName="countryid"> <mdl-option value="0"></mdl-option> <mdl-option *ngFor="let country of countries" [value]="country.id">{{country.name}}</mdl-option> </mdl-select>

如何让 Angular2-MDL-ext Select 占位符变灰

How to have Angular2-MDL-ext Select placeholder grayed out

angular2-mdl