Disable iOS Safari round corners on form elements

Community resources Webflow Tips
1

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

3 Likes
2

Yup, we’re working on something like so…

3

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

4

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?

5

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

1 Like