無法更改輸入佔位符的顏色

Question

我想弄清楚如何在我的窗體中的文本框中更改爲佔位符的顏色。我在網上找到了幾個教程（like this one），它們顯示瞭如何，但我沒有得到它的工作。

<form action="/Home/Register" id="RegisterForm" method="post" novalidate="novalidate"> 
    <input autocomplete="off" class="form-control input-sm required" id="FirstName" name="FirstName" placeholder="First Name*" type="text" value="" aria-required="true"> 
</form> 

然後，在CSS，我嘗試了這些：

::-webkit-input-placeholder{color:#434c53} 
::-moz-placeholder{color:#434c53} 
:-ms-input-placeholder{color:#434c53} 
input.form-control ::placeholder{color:#434c53} 

而且也：

input.form-control ::-webkit-input-placeholder{color:#434c53} 
input.form-control ::-moz-placeholder{color:#434c53} 
input.form-control :-ms-input-placeholder{color:#434c53} 
input.form-control ::placeholder{color:#434c53} 

而且也：

.form-control ::-webkit-input-placeholder{color:#434c53} 
.form-control ::-moz-placeholder{color:#434c53} 
.form-control :-ms-input-placeholder{color:#434c53} 
.form-control ::placeholder{color:#434c53} 

和其他一些組合。沒有我嘗試工作。

Answer 1

<input type="text" placeholder='global'> 

<input class='red' type="text" placeholder='red'> 

-

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
    color: blue; 
} 
::-moz-placeholder { /* Firefox 19+ */ 
    color: blue; 
} 
:-ms-input-placeholder { /* IE 10+ */ 
    color: blue; 
} 
:-moz-placeholder { /* Firefox 18- */ 
    color: blue; 
} 

.red::-webkit-input-placeholder { 
    color: red; 
} 

jsFiddle