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

css, macos, safari

Solution

Try to include this CSS property on your style:

-webkit-appearance: button;

Hope this helps!

Problem

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 respective operating system while also enlarging the size of the submit button. (Meaning, no use of images, custom borders etc..) Using the following CSS: ``` input.submitbutton {font-size:150%;} ``` On Windows, this increase the submit button size height and width as desired ... regardless of the browser (Safari, Firefox, IE, Chrome). But on OSX - Safari does not increase the button size at all. The form button size remains the default size.

Original source