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

Question

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

IE 10无效，但在IE 11＆amp; input:-ms-input-placeholder { font-style:italic; color: red; background-color: yellow; } 。

DECLARE @Range AS INT = 10

;WITH CTE AS(
    SELECT TOP (@Range) Duration = ROW_NUMBER() OVER(ORDER BY OBJECT_ID)
    FROM sys.all_columns
    ORDER BY [Object_id]
)
SELECT Duration from CTE

无论如何都要使用CSS吗？

Answer 1

来自CanIUse.com

  

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

     

： - 用于IE的ms-input-placeholder。

     

:: - ms的输入占位符（也支持webkit前缀）

请注意双冒号语法

Answer 2

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

Answer 3

我想在上方对@Paulie_D的答案发表第二个@ken的评论。

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

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

我不确定为什么，但是肯定会出现-ms-input-placeholder伪元素仅在与其他指令分开的情况下起作用。