输入占位符文本颜色

Question

我有一个联系表单，我想将占位符的颜色更改为白色。我尝试通过CSS添加类，但我失败了。

<input type="text" name="FullName" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required cnt_inp1" aria-required="true"   aria-invalid="false" placeholder="Full Name*">

如果有人能解释我并给我解决方案，那就太棒了。

提前致谢。

Answer 1

根据浏览器的不同，有不同的CSS样式。这可以在所有主流浏览器中执行您想要的操作（这会设置所有输入的样式，您也可以对它们进行个性化）：

::-webkit-input-placeholder { color:#f00; }
::-moz-placeholder { color:#f00; } /* firefox */
:-ms-input-placeholder { color:#f00; } /* ie */
input:-moz-placeholder { color:#f00; }