Bootstrap: v4.0.0-alpha.5: input placeholder color is not changeable.

[weilinzung]

TRY with this, but the placeholder text color is not changing, stay with the gray. Bootstrap 3 doesn't have this issue. thanks!!

input::-webkit-input-placeholder {
color: red !important;
}
input::-moz-placeholder {
color: red !important;
}
input:-moz-placeholder { /* Older versions of Firefox */
color: red !important;
}
input:-ms-input-placeholder {
color: red !important;
}

[mdo]

I'm able to override it fine with latest from v4-dev branch: https://jsbin.com/layavul/edit?html,css,output.

[weilinzung]

ok. thanks!
Not sure why there is also an opacity on it too, so I just add the opacity: 1 !important, it works now.

[mahdibavi]

Thank you, that was so helpful

[kashmiry]

If your using SASS you can override it by setting a value to $input-placeholder-color

[jrfornes]

If you are not a fan of forcing things with !important just do:

.form-control::-webkit-input-placeholder {
  color: #C0C0C0;
}

This worked for me. Keep in mind you need to add the other vendors to this code.