Can you force square borders on Submit in Safari?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Can you force square borders on Submit in Safari?

Post 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.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

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

Post by simonmlewis »

Crikey answered it myself already.

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply