在 Edge 浏览器上，如何使用 CSS 更改输入占位符文本颜色？

Question

在 Edge 浏览器上，我无法更改输入占位符颜色。

:-ms-input-placeholder 不工作，但在 IE 10 和 IE 11 上工作正常。

input:-ms-input-placeholder {
    font-style:italic;        
    color: red;
    background-color: yellow;
}

有没有办法使用 CSS 使其工作？

Answer 1

::-webkit-input-placeholder for (Chrome/Safari/Opera)

:-ms-input-placeholder for IE.

::-ms-input-placeholder for Edge (also supports webkit prefix)

注意双冒号语法

Answer 2

对于当前版本的 Microsoft Edge 浏览器，占位符无法正常工作。看看这个问题Microsoft Edge placeholder bug。如果占位符不可见，请尝试删除 position: relative 和 :-webkit-input-placeholder 不透明度。

Answer 3

我想附和@ken 对上面@Paulie_D 的回答的评论。

这个有效： input[type="text"]::-ms-input-placeholder { color: #000; }

这不是： input[type="text"]::placeholder, input[type="text"]::-ms-input-placeholder { color: #000; }

我不确定为什么，但显然 -ms-input-placeholder 伪元素只有在与其他指令分开时才有效。

On Edge Browser, how to change input placeholder text color using CSS?