Как иметь 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 должен иметь правильные заполнители сейчас. You пример кода является правильным, но для кого-либо еще посетить этот вопрос, вот код (опять же):

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

Unrelated на ваш вопрос, но так как это обсуждалось в комментариях относительно вопроса, плавающей свойство метки теперь работает.

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