How to change Contact Form 7 Placeholder Text Color

How to change Contact Form 7 Placeholder Text Color

Author: Codeless

Date: May 22, 2020 

Category: Theme development, Webhosting

Contact form 7 is one of the most used WordPress plugins nowadays for building simple or complex contact forms on your WordPress website. As WordPress themes/plugins creators we have found a lot of clients in our support forum having difficulties setting or changing contact form 7 placeholder text font color on these forms. I will share with you the custom code you should use to change text color:

::-webkit-input-placeholder { /* WebKit browsers */ color: #000 !important; opacity: 1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000 !important; opacity: 1; } ::-moz-placeholder { /* Mozilla