Streaming live at 10am (PST)

Disable iOS Safari round corners on form elements

Hi guys,
I just added a form to my project and while testing on iOS devices the form elements got a round corners.

Here is a fix:

(for custom code in the header")

    <style type="text/css">
input, textarea {
-webkit-appearance: none;
border-radius: 0; } </style>

Do you have any plans of let us enter custom code in other areas than the header section?

Best Regards Per Kristian


Yup, we’re working on something like so…

how will that work with more generic styles which is not tied to an specific element?

Great question! I misunderstood your question. You want to add something to the class, not the HTML tag. We’ll trying to find a way to do this. What kind of CSS properties would you like us to add?

I found a super easy way around this. Click on the form button and give the border radius a “0px” radius. Done.

1 Like