Streaming live at 10am (PST)

Box-shadow not working properly in iOS?

Hi Webflowers,

I just had a really annoying issue with box-shadow styling on input fields not displaying on iOS phones and tablets. If you are experiencing the same problem this is what fixed it for me.
In Custom Code add the following CSS to the class controlling the input fields.

-webkit-appearance: none;

E.G.
@media only screen and (min-width:240px) and (max-width:479px) {
.field {
border-radius: 90px;
border:solid #e7e7e7 1px;
-webkit-appearance: none;
box-shadow: 0 0 10px 3px #e7e7e7;
-webkit-box-shadow: 0px 0px 10px 3px #e7e7e7;
}

Hope it helps.
Grant

1 Like

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