IE 11 无法正确呈现占位符颜色

Posted 2023-03-05

【中文标题】IE 11 无法正确呈现占位符颜色

【英文标题】：IE 11 doesn't render placeholder color properly

【发布时间】：2015-05-25 22:11:50

【问题描述】：

在 Bootstrap 3.2.2 中有声明：

.form-control:-ms-input-placeholder 
  color: #999;

IE 11.0.17（可能还有其他版本）无法正确呈现它，占位符保持黑色。

【参考方案1】：

我在我的自定义 CSS 中添加了以下内容，它解决了问题：

input:-ms-input-placeholder 
    color: #999;

【讨论】：

另见***.com/questions/22199047/…和msdn.microsoft.com/en-us/library/hh772745(v=vs.85).aspx。

【参考方案2】：

Internet Explorer 11 需要 !important 标志来覆盖默认的用户代理样式。

.form-control:-ms-input-placeholder 
  color: #999 !important;

在使用 ::-ms-input-placeholder 且没有 !important 标志的 Microsoft Edge 中，这不是问题。 Internet Explorer 10 不需要!important 标志。