css - 输入占位符文本颜色

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; }