Html 占位符颜色赢得'；不变

我的占位符颜色不适用，我知道如何更改输入的占位符颜色，但在这段代码中它不允许我更改颜色

有人能帮忙吗

表单{
背景色：#4CAF50；
填充：30px；
颜色：#fff；
}
：-webkit输入占位符{
/*Chrome/Opera/Safari*/
颜色：#4CAF50；
}
：-moz占位符{
/*火狐18-*/
颜色：#4CAF50；
}

电邮地址：
密码：
提交

您需要覆盖

引导

css，使您的css继承比引导的css更强大

表单{
背景色：#4CAF50；
填充：30px；
颜色：#fff；
}
表单控件：：-webkit输入占位符{
颜色：#4CAF50；
}
表单。表单控件：：-moz占位符{
颜色：#4CAF50；
}
表单.表单控件：-ms输入占位符{
颜色：#4CAF50；
}
表单控件：占位符{
颜色：#4CAF50；
}

电邮地址：
密码：
提交

您还需要定义元素

input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #4CAF50;
}

input::-moz-placeholder {
  /* Firefox 18- */
  color: #4CAF50;
}

---

您可以向CSS添加重要内容，因为有时它会被用户代理样式覆盖

表单{
背景色：#4CAF50；
填充：30px；
颜色：#fff；
}
：-webkit输入占位符{
/*Chrome/Opera/Safari*/
颜色：#4CAF50！重要；
}
：-moz占位符{
/*火狐18-*/
颜色：#4CAF50！重要；
}

电邮地址：
密码：
提交

我想这是因为引导！书写

color: #4CAF50 !important;

工作

请注意，您应该定义

：-moz占位符

和

：-moz占位符

（请注意额外的

：

），使其在每个Firefox版本中都能工作：

表单{
背景色：#4CAF50；
填充：30px；
颜色：#fff；
}
表单控件：：-webkit输入占位符{
颜色：#4CAF50；
}
：-moz占位符{
颜色：#4CAF50！重要；
}
：-moz占位符{
颜色：#4CAF50！重要；
}

电邮地址：
密码：
提交

您需要为IE使用

-ms-

供应商前缀，更新我的答案，检查一次。