css - Mac 和 Windows 之间的提交按钮 CSS 样式不同

Question

我有一个 small demo contact form我正在尝试使用 Ajax 构建。当我去设置提交按钮的样式时，它会正确地使用填充和字体大小。然而，在我运行 OSX Lion 的 Macbook 上，按钮看起来仍然是默认的，没有填充，没有更大的字体大小等。

我遇到过几次这种情况，但我不知道如何解决。 CSS 样式通常适用于所有操作系统，这让我陷入困境......

这是从两台计算机上截取的两张图片截图，您可以明白我的意思。

Windows 7

OS X 狮子

我应该使用特殊的属性规则来重置 Mac 样式吗？我只想编辑提交按钮的字体大小、填充、颜色等。它在所有浏览器中的行为也是如此。

非常感谢对此的任何帮助!

编辑:这是我的代码

<input type="submit" name="submit" value="Send E-mail" id="sendbtn" class="sendbtn">

CSS 文件

form .sendbtn { display: block; font-size: 26px; padding: 3px 6px; }

Answer 1

目前您没有指定任何可以使您的按钮在浏览器中相同的样式。操作系统下的每个浏览器都对按钮使用默认样式(如果有的话，也会受到主题的影响)。您需要指定更多内容，例如 background 、color、border 等。

例如，这在浏览器中看起来应该是一样的:

form .sendbtn {
  display: block; 
  font-size: 26px; 
  padding: 3px 6px; 
  background:#eee;
  color:blue;
  border:none; /* or whatever */
}