在Chrome 42中设置输入占位符（默认和焦点状态）的样式

Question

我正在尝试为Chrome v42中的输入文本设置占位符样式 为什么以下代码在最新版本的Chrome中不起作用？

或者更确切地说是什么修复？

https://jsfiddle.net/5osszauf/

注意：我完全清楚有跨浏览器的CSS。请忽略。

<input type="text" placeholder="fefg3f">

input::-webkit-input-placeholder, input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder {
            color: #000;
        }

编辑：我从stackoverflow帖子中获取了代码

How to change placeholder color on focus?

如果提供回答，也可能值得更新这篇文章的答案吗？

Answer 1

如果你有一个这样的逗号分隔选择器列表，并且浏览器甚至不识别其中一个选择器，它将忽略该列表中的所有选择器。

在您的示例中，Chrome无法识别Firefox的-moz前缀。

修复方法是为每个不同的前缀创建单独的规则。

Answer 2

我认为这段代码可行：

input[type="text"]::-webkit-input-placeholder {
   color: #fff;
}