3

In Bootstrap 3.2.2 there is declaration:

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

IE 11.0.17 (possibly other versions as well) doesn't render it correctly, the placeholder remains black.

Siguza
  • 21,155
  • 6
  • 52
  • 89
user2045407
  • 121
  • 1
  • 5

2 Answers2

7

I put the following in my custom CSS and it fixed the problem:

input:-ms-input-placeholder {
    color: #999;
}
user2045407
  • 121
  • 1
  • 5
  • See also https://stackoverflow.com/questions/22199047/placeholder-css-not-being-applied-in-ie-11 and https://msdn.microsoft.com/en-us/library/hh772745(v=vs.85).aspx. – DavidS Apr 05 '16 at 21:23
6

Internet Explorer 11 needs the !important flag to override the default user agent styles.

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

This is not an issue in Microsoft Edge which uses ::-ms-input-placeholder and no !important flag. Internet Explorer 10 does not need the !important flag.

Lars Gyrup Brink Nielsen
  • 3,939
  • 2
  • 34
  • 35