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

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

1 个答案: