スタイリングMD-NO-フロートプレースホルダ

Question

通常、これを実行すると、プレースホルダのスタイリングの面倒を見る：

md-input-container[md-no-float]> input::-webkit-placeholder { 
    color: #eee; 
} 

うーん...角度材料に、私が想定していませんか？誰もこれを回避する方法を知っていますか？私はこのHTMLの入力フィールドを持っています

<md-input-container class="form-group search" md-no-float> 
    <input type="text" placeholder="Enter keyword..."> 
    <span class="ti-icon ti-search"></span> 
</md-input-container> 

デフォルトでテキストは自然黒ですが、ウェブサイトは暗いです。私はプレースホルダを白くする必要があります。

ありがとうございました

Answer 1

あなたは近くでした。それは::webkit-input-placeholderであり、::-webkit-placeholderではありません。

クロスブラウザ：

md-input-container[md-no-float] ::-webkit-input-placeholder {color: #eee} 
md-input-container[md-no-float] :-moz-placeholder {color: #eee} 
md-input-container[md-no-float] ::-moz-placeholder {color: #eee} 
md-input-container[md-no-float] :-ms-input-placeholder {color: #eee}