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

Question

在Bootstrap 3.2.2中有声明:

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

IE 11.0.17(可能还有其他版本)无法正确呈现,占位符仍为黑色.

Answer 1

我把以下内容放在我的自定义CSS中,它修复了问题:

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

Answer 2

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

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

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