如何在HTML中有多个不同颜色的占位符？

我想将占位符中表单输入的文本设置为灰色，另一个输入的文本设置为白色。我如何解决这个问题

您需要使用css：

为了设置占位符的样式，您需要在css行中编写

：：placeholder

。 因为您需要两种不同的颜色，所以给

输入

标记一个

id

。 然后使用如下id制作css：

#

，然后是id，然后是

：：占位符

像这样：

<input id="greyph" placeholder="...">
<input id="whiteph" placeholder="...">
<!-- ph = PlaceHolder -->

---

请注意，您不必将占位符颜色设置为灰色，因为这是默认值

选择您想要的输入id并为其设置灰色样式，选择另一个并为其设置其他颜色例如

#address:：placeholder{color:grey；}address2:：placeholder{color:white；}

非常感谢！谢谢你的帮助！

#greyph::placeholder {color: grey;}
#whiteph::placeholder {color: white;}