[RESOLVED]iOS Ignoring Border-Radius on Input[type=submit]

Hi, everyone!

I’ve noticed something odd when it comes to iOS applying styles (specifically border-radius) to input objects with type = submit.

Basically, it doesn’t / won’t round the corners.

This is only happening on iOS (8, specifically – haven’t tried earlier versions). Safari for OS X applies the styles appropriately.

I tried using -webkit-appearance: none; but that didn’t help either.

Does anyone have any tricks to get this to work? It’s not a huge deal, but for consistency’s sake since our other "buttons" are rounded, it’d be helpful.

Thanks!

-Eric

-webkit-appearance:none;
-webkit-border-radius:5px;

Works for me on iOS 8 on safari

Leave a Reply