无法更改输入占位符的颜色

我想弄清楚如何在我的窗体中的文本框中更改为占位符的颜色。我在网上找到了几个教程（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}

和其他一些组合。没有我尝试工作。

来源

2017-03-03 Casey Crookston

最后两个块的样子，如果你删除类标识符和''::因为你不找后代之间的空白，他们会工作。 –

<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

来源

2017-03-03 17:39:27 sheriffderek

无法更改输入占位符的颜色

回答

相关问题