Streaming live at 10am (PST)

Disable iOS Safari round corners on form elements


#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


Rounded Corners on Mobile Search Bar
#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.


#6