Form not displaying correctly - Drop Shadow and Blue Border

Hi all

My form is quite displaying correctly. It’s showing a drop shadow from the top and the bottom form has an blue border.

It looks fine in Webflow preview - how on my iphone displays the errors.

Screen shots attached.

Any ideas what could be causing this?


Here is my public share link: https://preview.webflow.com/preview/haydenmartisstudio?preview=0abe44189f33913c3a7f74246bc0dc17
([how to access public share link][2])

[2]: How to Enable a Webflow Share Link - Webflow Tips - Forum | Webflow

1 Like

I don’t have an iPhone on me, so I can’t test the drop-shadow issue, but I believe the reason for the blue outline is that you’ve got autofocus selected on both of those fields. Deselect that and see what happens.

Hi @Hayden_Martis that’s usually what happens by default and the Safari mobile browser is adding those extra styles.

1 Like

ugh - ok thanks good to know

thanks! that fixed the blue banding :slight_smile:

You may be able to hijack that by applying your own inner-shadow and just setting the values to zero.

1 Like

No joy there - but thanks

Hi all - does this make sense to anyone? Remove textarea inner shadow on Mobile Safari (iPhone) - Stack Overflow

Hi All - the above code solves the problem. Enter inside you pages custom head tag.

Cheers

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.