更新后占位符css不在chrome中工作

Question

我最近更新了Chrome版本 39 到版本 43.0.2357.132 。在更新之前，下面的一段代码工作正常：

::-webkit-input-placeholder {
  color: red;
}

但更新后无法正常工作。我也尝试过：

input::-webkit-input-placeholder {
  color: red;
}

但没有运气！任何帮助，将不胜感激。提前谢谢！

Answer 1

你尝试过这样的事吗？

代码段：

::i-block-chrome,
        input[placeholder]::-webkit-input-placeholder {
            color: red;
        }

希望这有帮助!!!

Answer 2

我在我的应用程序中遇到了一个非常类似的问题，我无法在Chrome中使用占位符颜色，甚至在2018年也没有。所有演示对我来说都很好，尽管遵循了所有常规建议，但它在我的应用程序中失败了，例如作为分裂声明。

总而言之，我的样式表中这个完全不相关的声明导致占位符颜色在Chrome中失败：

input:first-line {
    display: inline-block;
}

以上是在浏览器中协调输入元素内部行高的相当常见的黑客攻击。您可以在某些框架中找到它。

好吧，使用它可以防止您为Chrome中的占位符设置自定义颜色。那有意义吗？不，但它为我解决了。