css - mdInput 的默认颜色，占位符

Question

是否可以更改 angularJS Material 中 mdInput 占位符的默认颜色？

HTML代码如下

<md-input-container class="header-inputContainer" floatPlaceholder="never">
    <input class="header-inputBar" mdInput placeholder="荷主" [formControl]="sample" [mdAutocomplete]="autoTxt">
</md-input-container>

现在它是灰色的，你可以看到“荷主”，但我想把它涂成白色，就像“Local Development”。

当 mdInput 聚焦时，我设法改变了颜色，但不是默认值。

Answer 1

在大多数浏览器中，占位符文本是灰色的。要更改此设置，请使用非标准的 ::placeholder 选择器设置占位符的样式。

.header-inputBar{height:40px;border-radius:5px;border:solid 1px gray;font-size:20px;}
.header-inputBar:focus{border-color:red;}
.header-inputBar::placeholder{color:#989898;}
.header-inputBar:focus::placeholder{color:red;}

<md-input-container class="header-inputContainer" floatPlaceholder="never">
    <input class="header-inputBar"  placeholder="荷主" />
</md-input-container>