css - 为什么 CSS 文本颜色会覆盖 IE 10 中的占位符颜色？

Question

为什么 -ms-input-placeholder 的 color 设置被输入字段的颜色设置覆盖？ (input[type=text],input[type=password],textarea,select)

在 Chrome 和 Firefox 中这工作正常。

即使 -ms-input-placeholder 设置为红色，也可以看到带有蓝色占位符文本的图像。

Answer 1

您的 input[type=text] 选择器可能出现在您的样式表中的 input:-ms-input-placeholder 选择器之后，这导致它优先(因为两个选择器都同样具体)。如果是这种情况，您需要将占位符规则移至下方，以便其优先。

它在 Chrome 和 Firefox 中工作的最可能原因是因为它们都使用伪元素而不是伪类来定位占位符文本，这是完全不同的。