Menu icon Foundation
Iphone 4s is adding border radius to form

I am not sure why iphone 4s is adding a border radius to my for inputs. When I check in firebug there is no border radius. If you check it on the phone you will see their is. http://jamesgehring.com/gehringos

formmobile

I am not sure why iphone 4s is adding a border radius to my for inputs. When I check in firebug there is no border radius. If you check it on the phone you will see their is. http://jamesgehring.com/gehringos


Wing-Hou Chan gave the most helpful answer for this post
Wing-Hou Chan over 5 years ago

Hey James!

I think this a WebKit / Safari / iOS thing.

Here's a solution you can try:

input
{
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  border-radius: 0px;
}

Wing-Hou Chan over 5 years ago

Hey James!

I think this a WebKit / Safari / iOS thing.

Here's a solution you can try:

input
{
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  border-radius: 0px;
}

James Gehring over 5 years ago

Worked great thanks.