CSS: How to increase the size of a OSX submit button

Question

How do I increase the native FORM submit button size for OSX-Safari?

I want to keep the native look of a FORM submit button for it\'s r

Answer 1

I am using several input type="button" and they style ok using:

input[type="button"] {
-webkit-appearance: button;
height:40px;
}

They did not style without the -wbkit- line.

Answer 2

If you apply a border to the button, Safari abandons it's glossy button and you can do what you like with it.

Answer 3

input.submitbutton{
    width:200px;
    height:500px;
}

Seems obvious, but have you tried changing the element size instead of the font size?

Answer 4

Safari's form buttons are notoriously hard to style (if not impossible).

As others have said, height is pretty much untouchable.

What you can do is set the font size to an exact pixel size to resize the button.

input.submitbutton {font-size:14px;}

That should make the font size larger and the button as well. It does max out though...you can't just keep increasing the font size.

Answer 5

Try to include this CSS property on your style:

-webkit-appearance: button;

Hope this helps!

Answer 6

or use the <button> tag. Particletree! Rediscovering the Button Element