提交按钮 CSS 样式在 Mac 和 Windows 之间不同答案

【问题标题】：Submit Button CSS Styles different between Mac and Windows提交按钮 CSS 样式在 Mac 和 Windows 之间不同
【发布时间】：2012-06-07 11:00:50
【问题描述】：

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

我已经经历过几次，我不知道如何解决这个问题。 CSS 样式通常适用于所有操作系统，这让我陷入了循环......

这是从两台计算机上截取的两张图片截图，因此您可以了解我的意思。

Windows 7

OS X Lion

我应该使用特殊的属性规则来重置 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; }

【问题讨论】：

【解决方案1】：

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

例如，这在浏览器中应该看起来相同：

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

【讨论】：

【解决方案2】：

如果你给按钮的 CSS 添加边框或背景属性，它会起作用。

【讨论】：