2016-08-25 7 views
0

Ich habe schon daran gearbeitet, herauszufinden, wie man die Farbe des Etiketts in einem md-select-Feld ändert, scheint aber zu scheitern.Wie man Etikettenfarbe auf md-select ändert

für andere Labels, können Sie tun:

md-input-container label { 
    color: #999999; 
    text-shadow: none; 
} 

Aber in md-select nicht funktioniert, und ich kann nicht herausfinden, warum. Inspizieren Sie das Element es aufgenommen wird, und ich kann keine andere CSS sehen, dass es sollte

 <md-input-container class="md-block"> 
      <label>Want to be early adoptor?</label> 
      <md-select ng-model="testertype"> 
       <md-option ng-value="type" ng-repeat="type in types">{{ type.name }}</md-option> 
      </md-select> 
     </md-input-container> 
+0

Verwenden Sie einfach 'md-select md-Option {color: red; } ' – Pugazh

+0

warum postest du das nicht als Antwort @Pugazh? – Matthias

+0

sorry, md-select md-option hat nichts getan – vrghost

Antwort

2

Hier ist ein Weg, dies ist der Code für md-select

ändern, es zu tun - CodePen

enter image description here

CSS

md-select ._md-select-value._md-select-placeholder { 
    color: red; 
} 

Wenn Sie das Element inspizieren werden Sie sehen:

enter image description here