我偶然发现了非常奇怪的错误。我定义了一个 ::-webkit-input-placeholder 规则，为占位符着色。然后我向其中添加了 ::-moz-placeholder，将它们组合成一个规则:
#textinput::-webkit-input-placeholder, #textinput::-moz-placeholder {
color: red;
}
同时，每个选择器都可以单独工作(仅适用于 webkit 或仅适用于 moz)，但用逗号分隔在一起，它们根本不起作用。 请参阅此 jsfiddle 中的示例，您可以在 webkit 和 firefox 中尝试。
最佳答案
发生的情况是，当浏览器遇到无效选择器时，它会忽略整个选择器列表。 -moz 不被 webkit 识别，-webkit 不被 firefox 识别。这就是它在两个浏览器中失败的原因
顺便说一句，根据 this comment from CSS-Tricks ，看起来 IE7 的行为有所不同
关于css - 多个供应商的占位符样式不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24927242/