How to Change Placeholder Text Color in Form

Sometimes we face in a problem with Contact form’s field’s Placeholder color when develop different colors and types of contact forms. If we use html5 or Bootstrap default contact forms we get a default color of placeholder text. Sometimes it does not match with the template color or mock-up color. Then we try to change the color with the CSS code like input


. But it does not change the color of placeholder text. It actually change the color of typing text into the field.

Now I’ll give the solution of the problem. We need to apply the CSS code like this,

/*Placeholder Colors*/
.form-control::-webkit-input-placeholder {
.form-control:-moz-placeholder { /* Firefox 18- */

.form-control::-moz-placeholder { /* Firefox 19+ */

.form-control:-ms-input-placeholder {

You can change the color code as you want and You do not have to use the same class . Use the class which you used in your input or textarea field .

Then the color code will work perfectly.

Have Fun


  • ram

    February 8, 2017


  • 78Shella

    February 21, 2017

    I must say you have very interesting articles here. Your blog should go viral.
    You need initial boost only. How to get it?
    Search for: Etorofer’s strategies

  • eebest8 back

    March 2, 2017

    “I have been so bewildered in the past but now it all makes sense!”

  • bdsm lovers

    March 4, 2017

    t9cgmN Thanks for the article post. Will read on

  • stare przepisy kulinarne

    April 26, 2017

    Very good website – bookmarked


Leave a Reply