Internet Explorer占位符样式问题

Question

尝试将样式应用于占位符我遇到了一个问题，即IE（所有版本）占位符文本颜色不适用。它只需要输入文本的颜色

:-ms-input-placeholder {  
    color: white; 
}

input {
    color:black;
}

应用此代码后，占位符的颜色将为黑色。

可能是什么问题？

Answer 1

您需要将此规则指定为特定输入：

input:-ms-input-placeholder {  
    color: white; 
}

input {
    color:black;
}

来自Internet Explorer Dev Center：

  

选择器： - ms-input-placeholder {...}

请注意，这仅适用于IE＆gt; 10浏览器。

Answer 2

如果您正在寻找所有浏览器的支持，请查看以下答案：

How to support placeholder attribute in IE8 and 9

Answer 3

解决方案：

在我的css中，我指定了表单输入（div_name表单＆gt; input {}）文本的颜色，这是浏览器比指定为选择器更有价值的参数：-ms-input-placeholder {}占位符颜色。 （这很奇怪。它们用于不同的目的，但没问题）

Answer 4

IE11需要使用!important标志来覆盖默认的用户代理样式。

这是一个适用于IE 10和11版本的规则集。

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: white !important;
}

有关所有浏览器的详细信息，请参见问题Placeholder CSS not being applied in IE 11的答案。

对于IE 10之前的版本，您需要一个polyfill甚至支持占位符。这些CSS会有所不同。请参阅polyfill。