1

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

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

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

Windows 7的

WIN7

OS X 狮子

Mac 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; }
4

2 回答 2

2

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

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

form .sendbtn {
  display: block; 
  font-size: 26px; 
  padding: 3px 6px; 
  background:#eee;
  color:blue;
  border:none; /* or whatever */
}
于 2012-06-02T14:58:35.020 回答
0

如果您将边框或背景属性添加到按钮的 css，它将起作用。

于 2012-06-02T14:56:26.367 回答