如何使Angular2-MDL-ext选择占位符变灰

Question

是否可以让选择的占位符与其他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>

选择占位符“Nazione”显示为黑色。我想把它变成灰色，就像“Cap ......”，“Città......”，“Provincia ......”这样。

Answer 1

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

static_cast

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

<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>