占位符颜色在 IE 和 FF 中不同答案

【问题标题】：Placeholder colors is different in IE and FF占位符颜色在 IE 和 FF 中不同
【发布时间】：2017-03-12 05:00:32
【问题描述】：

我有 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 例子：

你能帮帮我吗？

【问题讨论】：

似乎这个伪文件是一个工作草案..它还没有被完全支持...检查这个链接中支持的浏览器列表developer.mozilla.org/en-US/docs/Web/CSS/::placeholder
您的代码没有问题。该语法仅支持 IE 10 及更高版本。 msdn.microsoft.com/en-us/library/hh772745(v=vs.85).aspx
嘿，@WEBSITEFREELANCE，我的回答解决了你的问题吗？
(1) 没关系。显然浏览器 (2) 之间的事情有所不同你真正要问的是如何通过 css 更改输入占位符，它已经有很多答案（你应该已经搜索过）(3) 不清楚你在问什么，因为你只是说“帮助”而没有解释你想要什么。

标签： css placeholder

【解决方案1】：

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

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

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

我从 CSS 技巧中学到了这一点，here's the source。

【讨论】：