IPad default input border radius

The new iPad places the default border radius in all input fields. How can I get rid of this default?

I have confirmed that CSS does not have a border-radius property, and there is no radius when the MacBook Pro displays my site, but the new iPad does have a radius in the text input fields.

+4
source share
1 answer

Are you sure this is exclusive to the new iPad? Or could it be something that applies to all iOS devices? I ask because the Safari browser on iOS devices applies a certain style to input elements.
You can, however, disable this:

input { -webkit-appearance: none; } 

Do this and border-radius: 0 will start to work as you expected.

This was answered several times: Disable rounding of input elements of iPhone / Safari .

+7
source

All Articles