Placeholder text color

#1

How can I change the color of the placeholder text on a bootstrap form? I would like to make the color lighter so that you can easily see which items have been entered.

Thanks,
Tom

#2

You can override it in your custom CSS file:

input::-webkit-input-placeholder {
  color: #eee !important;
}

input::-moz-placeholder {
  color: #eee !important;
}

input:-ms-input-placeholder {
  color: #eee !important;
}

input::placeholder {
  color: #eee !important;
}

Just change #eee with the color you need.

1 Like
#3

Thanks, worked perfectly.

Tom

1 Like