如何改变占位符颜色CSS

<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 = “电子邮件”。第一种形式的占位符颜色是白色的。其次是黑色。

但是，我不知道如何做到这一点，而无需更改电子邮件ID。问题是我的第二个表单占位符颜色是白色的。我看不到这个占位符，因为表单背景也是白色的。

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

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

来源

2016-01-13 apisv2

的[更改输入与CSS HTML5占位符颜色]可能的复制（http://stackoverflow.com/questions/2610497/change-an-inputs- html5-placeholder-color-with-css） – tigeruppercut

试试这个：

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

来源

2016-01-13 07:45:50

谢谢@Igor Tkachuk。这个答案解决了我的问题 – apisv2

如果我理解正确你的问题，手机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; 
}

哦，并且为了您的信息，还有更多的前缀需要添加。阅读：Change an HTML5 input's placeholder color with CSS

来源

2016-01-13 07:44:51 Jacob

如何改变占位符颜色CSS

回答

相关问题