How do I change the placeholder text colour on a form?

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



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

Updated on: 04/11/2022