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