为啥在 IE 10 中 CSS 文本颜色会覆盖占位符颜色？

Posted 2023-03-05

【中文标题】为啥在 IE 10 中 CSS 文本颜色会覆盖占位符颜色？

【英文标题】：Why is CSS text color overriding placeholder color in IE 10?为什么在 IE 10 中 CSS 文本颜色会覆盖占位符颜色？

【发布时间】：2014-08-13 17:05:51

【问题描述】：

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

在 Chrome 和 Firefox 中，这可以正常工作。

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

【参考方案1】：

很有可能您的input[type=text] 选择器出现在样式表中的input:-ms-input-placeholder 选择器之后，这导致它具有优先权（因为两个选择器都具有相同的特定性）。如果是这种情况，您需要移动下面的占位符规则以便优先考虑。

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

【讨论】：

你是绝对正确的。但是为什么两个选择器都同样具体呢？从逻辑上讲，占位符位于输入字段内。

@Joshua Fox：因为 :-ms-input-placeholder 是一个伪类，所以选择器实际上是针对输入而不是占位符。占位符只是继承了我认为的颜色。

我的问题只是 IE 10 使用“颜色”作为占位符文本。为什么这样做超出了我的理解。