如何在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;}

Answer 2

如果我正確理解了您的問題，請將電話ID添加到與電子郵件相同的CSS規則中。 像這樣：

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

或者只是刪除id並使用占位符灰色進行每個輸入。

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

哦，為了您的信息，您需要添加更多前綴。 閱讀： 使用CSS更改HTML5輸入的占位符顏色