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

时间:2014-06-23 15:23:52

标签: css internet-explorer placeholder

为什么color的{​​{1}}设置被输入字段的颜色设置覆盖? (-ms-input-placeholder

在Chrome和Firefox中,这可以正常使用。

请参见带有蓝色占位符文字的图片,即使input[type=text],input[type=password], textarea, select设置为红色。

IE 10 Dev Tools

1 个答案:

答案 0 :(得分:8)

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

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