CSS：如何增加OSX提交按钮的大小 [英] CSS: How to increase the size of a OSX submit button

问题描述

如何增加OSX-Safari的原生FORM提交按钮大小？

我想保留原生外观， code> FORM 提交按钮，它是各自的操作系统，同时也放大提交按钮的大小。 （含义，不使用图片，自定义边框等..）

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..)

使用以下CSS：

input.submitbutton {font-size:150%;}

Windows，这增加了提交按钮的大小高度和宽度根据需要...不管浏览器（Safari，Firefox，IE，Chrome）。

On Windows, this increase the submit button size height and width as desired ... regardless of the browser (Safari, Firefox, IE, Chrome).

但在OSX - Safari不会增加按钮的大小。

But on OSX - Safari does not increase the button size at all. The form button size remains the default size.

推荐答案

尝试在您的样式中包含此CSS属性：

Try to include this CSS property on your style:

-webkit-appearance：button;

-webkit-appearance: button;

希望这有助于！

这篇关于CSS：如何增加OSX提交按钮的大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！