Contact Form 7 - Being styled by iOS and breaking the form

I have a Contact Form 7 form on our website in two places. It seems it does not work with iOS… and possible hasnt worked all year… DOH!!

www.stormystudio.com/contact

www.stormystudio.com/3d-animation-landing

The form seems to function perfectly well in all desktop browsers and my Android Samsung s6 Phone and Apple Ipad.

It works well enough on online device testing sites at various mobile sizes.

HOWEVER… somone has pointed out the placeholder text (and typed text) in the form input fields is not visible on iOS.

I’ve managed to replicate the problem using the Developer option in the Safari Desktop browser on my mac when selecting iphone IOS 8.1 in the User Agent menu.

Any ideas how I can make this work?

PLEAE IGNORE THIS…

Problem solved… there was some old CSS code increasing the size of the text in CF7 form. I’m not sure why it was only affecting the iOS safari browser… but either way removing the CSS has solved the issue.

Thanks

Glad to hear it’s sorted.

Cheers!