Page 1 of 1

Can you force square borders on Submit in Safari?

Posted: Tue Oct 14, 2014 10:29 am
by simonmlewis
We have an issue where we are setting the colours and borders of form submit buttons - it works fine in Firefox, but on an iPhone, it overrides it and changes the shape to look like a capsule.

Is there a CSS that will override that, or do I have to put up with a capsule?

I don't want to use <a> tags and Script to do it. Just want to control the appearance of a Submit button.

Re: Can you force square borders on Submit in Safari?

Posted: Tue Oct 14, 2014 10:32 am
by simonmlewis
Crikey answered it myself already.

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}