ändern CSS von Platzhalter-Text von md-Autovervollständigung

Question

Ich benutze scharfkantiges Material Version 1.1

ich den Stil der Platzhalter-Text von md-Komponente zur automatischen Vervollständigung ändern möchten. Allerdings konnte ich den Platzhalter nicht als separates Element auswählen, um mit seinem Styling zu spielen.

Hier sehen Sie eine codepen zur Veranschaulichung des Problems.

habe ich versucht, die folgenden Codes diktierte aber sie

nicht funktionierten

md-autocomplete{ 
    color: red !important; 
} 
md-autocomplete-wrap{ 
    color: red !important; 
} 
input{ 
    color: red !important; 
} 

Gibt es eine Möglichkeit, es zu tun?

Answer 1

Um die Platzhalter innerhalb eines Elements zu ändern, das Pseudoelement placeholder sollten Benutzer sein.

In diesem Fall:

md-autocomplete input::-webkit-input-placeholder { 
    color:red; 
} 
md-autocomplete input:-moz-placeholder { /* Firefox 18- */ 
    color:red; 
} 

md-autocomplete input::-moz-placeholder { /* Firefox 19+ */ 
    color:red; 
} 

md-autocomplete input:-ms-input-placeholder { 
    color:red; 
} 

How to change

Pseudo elements

Dank @Rayon Dabre:

Answer 2

Mit dem folgenden Selektor können Sie den [Platzhalter] für verschiedene Browser formatieren.

::-webkit-input-placeholder { 
    color: blue; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: blue; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: blue; 
} 

:-ms-input-placeholder { 
    color: blue; 
} 

Beispiel auf CodePen: http://codepen.io/bigbrov/pen/LNzbqp