Stop Safari Mobile from giving input buttons rounded corners

ios mobile-safari

If you add...

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

Then your buttons will inherit any CSS styles that you have applied for other browsers.

ios mobile-safari

Didn't work for me, the -webkit-appearance:none.

This does:

input[type=submit] {    -webkit-border-radius:0px;}

I had the same issue with rounded corners on a button with background image, just on the iPhone.

ios mobile-safari

You can try to use following CSS:

-webkit-appearance:none;

CodeHunter