Hihlighted fields color in contact form 7

davidss71 · September 2015

I'm trying to change the color of highlighted form fields but I can't do it. I changed all the colors in the template options but none affects the form fields.

How could I change it?

Thank you!!

Albert · September 2015

Hi,

please send us url to page where you got CF7 form and we'll tell you how to change highlight color.

davidss71 · September 2015

The url of the project is:

www.laboratoriosocialgetafe.es/inicio

The highlight fields color is light blue and I need to change it.

Thanks!!

Albert · September 2015

Ok. so to change these colors, please use below css:

input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus { background-color: #000 !important; color: #FFF !important; border-color: #000 !important; }

davidss71 · September 2015

Perfect!! Thanks a lot!!

Only a detail...

When you are selecting in a dropdown list field, the hover color and box border is still blue. Is it possible change it via CSS?

Albert · September 2015

Drop-downs are rendered by browser and these colors can not be changed unfortunately.

Hihlighted fields color in contact form 7

Comments