css - 如何在CSS中更改占位符颜色

Question

<input name="email" type="text" id="email" size="30" value="" placeholder="EMAIL"/>
<input name="phone" type="text" id="phone" size="30" value="" placeholder="PHONE"/>

我有两个表单，id = "email"。 第一个表格占位符颜色是白色。 第二个是黑色。

但是，我不知道如何在不更改电子邮件 ID 的情况下进行此操作。 问题是我的第二个表单占位符颜色是白色。我看不到这个占位符，因为表单背景也是白色的。

input#email:-moz-placeholder{
  color:    #999 !important;
}

input#email:-ms-input-placeholder{
  color:    #999 !important;
}

Answer 1

试试这个:

#your_form input#email::-webkit-input-placeholder {color:#999;}
#your_form input#email::-moz-placeholder          {color:#999;}
#your_form input#email:-moz-placeholder           {color:#999;}
#your_form input#email:-ms-input-placeholder      {color:#999;}