如何增加OSX提交按钮的大小

如何增加OSX提交按钮的大小

本文介绍了CSS:如何增加OSX提交按钮的大小的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何增加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提交按钮的大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-22 19:39