Css IE和FF中的占位符颜色不同

我有HTML表单和占位符css代码

#email::-webkit-input-placeholder {
    font-weight:400;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color:#333 !important;
}
#email::-moz-placeholder {
    font-weight:400;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color:#333 !important;
}
#email:-ms-input-placeholder { font-weight:400;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color:#333 !important;
}
#email::-ms-input-placeholder { font-weight:400;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color:#333 !important;
}
#email::placeholder { font-weight:400;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color:#333 !important;
}

IE示例：

FF示例：

---

你能帮帮我吗？

在Firefox中，与其他浏览器相比，占位符的颜色看起来褪色了。下图中，Firefox显示在左侧，Chrome显示在右侧：

这是因为，默认情况下，Firefox中的所有占位符都应用了一个不透明度值，因此为了解决这个问题，您需要简单地重置该值，在您的示例中添加：

#email::-moz-placeholder {
  opacity: 1;
}

---

我从CSS技巧中学到了这一点。

在Firefox中，与其他浏览器相比，占位符的颜色看起来褪色了。下图中，Firefox显示在左侧，Chrome显示在右侧：

这是因为，默认情况下，Firefox中的所有占位符都应用了一个不透明度值，因此为了解决这个问题，您需要简单地重置该值，在您的示例中添加：

#email::-moz-placeholder {
  opacity: 1;
}

---

我从CSS技巧中学到了这一点。

这个伪代码似乎是一个工作草案。。它还没有完全受支持…请检查此链接中支持的浏览器列表。代码中没有任何错误。该语法仅支持IE 10及以上版本。嘿，@WebsiteFreeler，我的回答解决了你的问题吗？

（1）

没关系。很明显，浏览器之间的区别在于你真正想问的是如何通过css更改输入占位符，css已经有很多答案了（你应该已经搜索过了）

（3）

，因为你只说了“帮助”，所以不清楚你在问什么没有解释你想要什么。看起来这个伪代码是一个工作草案。它还没有完全被支持。请检查此链接中支持的浏览器列表。代码中没有错误。该语法仅支持IE 10及以上版本。嘿，@WebsiteFreeler，我的回答解决了你的问题吗？

（1）

没关系。很明显，浏览器之间的区别在于你真正想问的是如何通过css更改输入占位符，css已经有很多答案了（你应该已经搜索过了）

（3）

不清楚你在问什么，因为你只是简单地说了“帮助”，没有解释你想要什么。