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

Question

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

:-ms-input-placeholder无法正常工作，但在IE 10和IE 11上运行正常。

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

反正有没有使用CSS？

Answer 1

来自CanIUse.com

:: - webkit-input-placeholder（Chrome / Safari / Opera）

：-ms-input-placeholder for IE。

:: - ms-input-placeholder for Edge（也支持webkit前缀）

请注意双冒号语法

Answer 2

我想在上面的@Paulie_D的答案中回答@ ken的评论。

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

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

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

Answer 3

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