June 08 2015

IOS css radius courners and glare on inputs

Tagged Under :

css3
Inside the iOS devices have add some annoying styles on form input, particularly on input box and submit button. Below are the simple form on Desktop and iOS browser.

Desktop:
css3

iOS:
css3

To fixed the border radius and gradient on IOS safari browser issue.
You can get rid of the webkits form, input, etc. styling with this:
input, textarea, select {
   -webkit-appearance: none;
}

Make a Comment

You must be logged in to post a comment.