CSS:Mac上的Safari不符合我的提交按钮样式

Question

我已将以下CSS应用于FORM提交按钮:

font:normal 15px helvetica,arial,sans-serif;
padding:6px;

在Windows上,无论使用何种浏览器(IE/Firefox/Chrome),都会增加FORM提交按钮,并提供6px的按钮间距填充.

但是,在OS X(Mac)上,表单提交按钮根本没有风格化.意思是,字体大小是默认值,并且不应用填充.

关于如何在OS X(Mac)上制作更大的FORM提交按钮的任何想法？

Answer 1

你需要将它添加到你的CSS:

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

Answer 2

制作一个图像按钮。Safari 不会设置按钮、复选框或下拉菜单等的样式。