How do I change the placeholder text color on a form

Modified on Fri, Dec 15, 2023 at 1:32 PM

How do I change the placeholder text color on a form




You will need to add custom CSS to your form in order to set the placeholder text color.  Adding the following CSS will set the placeholder text to be the same color and the input text.  You can then adjust the color property to change the placeholder text color to anything else you choose.


 


%FORM.HTML_ID% ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: inherit;
}
%FORM.HTML_ID% ::-moz-placeholder { /* Firefox 19+ */
color: inherit;
}
%FORM.HTML_ID% :-ms-input-placeholder { /* IE 10+ */
color: inherit;
}
%FORM.HTML_ID% :-moz-placeholder { /* Firefox 18- */
color: inherit;
}

 


 


 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article