如何将占位符文本颜色更改为白色 [重复]

Question

我试图弄清楚如何将搜索框的占位符文本的颜色更改为白色，这是我的 css：

这是html：

Answer 1

您可以使用::placeholder 伪类。

input {
  background-color: #907;
}

input::placeholder {
  color: #fff;
}

<input type="text" placeholder="Enter Description Here" />

但是，它不是标准化的，可能无法在所有浏览器中正常运行。

添加供应商前缀以获得更好的支持：

input {
  background-color: #907;
}

input::placeholder {
  color: #fff;
}

::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
:-ms-input-placeholder {  /* Edge/IE 10+ */
  color: #fff;
}

<input type="text" placeholder="Desciption" />

重要提示：不要将这些选择器分组，如this post 中所述。