无法更改输入占位符的颜色
问题描述:
我想弄清楚如何在我的窗体中的文本框中更改为占位符的颜色。我在网上找到了几个教程(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}
和其他一些组合。没有我尝试工作。
答
<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;
}
最后两个块的样子,如果你删除类标识符和''::因为你不找后代之间的空白,他们会工作。 –